Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅: элСмСнты, слои, Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. 4 Π»ΡƒΡ‡ΡˆΠΈΡ… способа.

БСгодня расскаТу ΠΊΠ°ΠΊ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅ (Figma). Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ 4 простых способа, ΠΊΠ°ΠΊ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ элСмСнты, слои, Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ Ρ‚.Π΄. Рассмотрим ΠΊΠ°ΠΊ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Π³Ρ€ΡƒΠΏΠΏΠ° Β«GroupΒ» ΠΈ Ρ„Ρ€Π΅ΠΉΠΌ Β«FrameΒ». Π’Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΏΡ€ΠΎ Β«Union selectionΒ» ΠΈ Β«Flatten selectionΒ».

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ элСмСнты Π² Π³Ρ€ΡƒΠΏΠΏΡƒ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ элСмСнты Π² Π³Ρ€ΡƒΠΏΠΏΡƒ (ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ…) Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ горячих клавиш Β«Ctrl + GΒ». Π’ ΠΏΠ°Π½Π΅Π»ΠΈ слоёв Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π³Ρ€ΡƒΠΏΠΏΡ‹ Ρƒ этих элСмСнтов. Если Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° стрСлку Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π³Ρ€ΡƒΠΏΠΏΡ‹ Π² слоях, Ρ‚ΠΎ смоТСтС ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ всС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΡΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ.

ОбъСдинСниС элСмСнтов Π² Figma с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„Ρ€Π΅ΠΉΠΌΠ°

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ элСмСнты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„Ρ€Π΅ΠΉΠΌΠ°. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π²ΠΎΠΊΡ€ΡƒΠ³ элСмСнтов, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов свСрху ΠΈ нарисуйтС Π΅Π³ΠΎ Π²ΠΎΠΊΡ€ΡƒΠ³ Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². Π’Π°ΠΊΠΆΠ΅ для создания Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ горячими клавишами Β«Ctrl + Alt + GΒ»

Как Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты ΠΈΠ· Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈΠ»ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ 3 клавиши Β«Ctrl + Shift + GΒ». Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ Β«Ungroun selectionΒ».

ОбъСдиняСм Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Β«Union selectionΒ»

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈ элСмСнты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Union selection, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ 2 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… элСмСнта. Π‘Π²Π΅Ρ€Ρ…Ρƒ Π³Π΄Π΅ Π΅ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠ° Β«Boolean GroupsΒ» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«Union selectionΒ».

ОбъСдинСниС элСмСнтов Π² Ρ„ΠΈΠ³ΠΌΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Β«Flatten selecitonΒ»

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Для объСдинСния элСмСнтов ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ Flatten selection. Для этого Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ элСмСнты ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ эту надпись ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка свСрху.

ΠžΡ‚Π»ΠΈΡ‡ΠΈΡ Β«Union selectionΒ» ΠΈ Β«Flatten selecitonΒ» Π² Figma

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ΠŸΡ€ΠΈ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ΅ элСмСнтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Β«Union selectionΒ», Π²Ρ‹ смоТСтС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ стандартным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. НапримСр Ссли создадитС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ стандартного инструмСнта Β«RectangleΒ», Ρ‚ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° ΡƒΠ³Π»Π°Ρ….

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ элСмСнты Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Β«Flatten selectionΒ», Ρ‚ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ. Π‘ ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π»ΡŽΠ±Ρ‹Π΅ элСмСнты слои, Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈ Ρ‚.Π΄. Π’Ρ‹ ΡƒΠ·Π½Π°Π»ΠΈ ΠΎ 4 ΠΌΠ΅Ρ‚ΠΎΠ΄Π°Ρ… ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. Если Ρƒ вас Π΅ΡΡ‚ΡŒ вопросы, Ρ‚ΠΎ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΈΡ… Π½ΠΈΠΆΠ΅ Π² коммСнтариях.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Frame Π² Figma β€” ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π°Π·Π±ΠΎΡ€ инструмСнта

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Frame Π² Figma. Π”Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·Π±ΠΎΡ€ возмоТностСй Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Figma. Π£Ρ€ΠΎΠΊ Π² Π²ΠΈΠ΄Π΅ΠΎ ΠΈ тСкстовом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Frame Π² Figma? Если Π²Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚ΠΎ этот ΡƒΡ€ΠΎΠΊ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π²Π°ΠΌ всС сСкрСты этого инструмСнта.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Frame Π² Figma ΠΈ с Ρ‡Π΅ΠΌ Π΅Π³ΠΎ Сдят?

Frameβ€” это рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π³Π΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ элСмСнты интСрфСйса, Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта ΠΈΠ»ΠΈ мобильного прилоТСния.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅?

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Frame Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Figma Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ слСва ΠΈ свСрху Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. НавСдитС Π½Π° ΠΏΡƒΡΡ‚ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π»Π΅Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ. ГорячиС клавиши для создания Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² β€” Β«FΒ» ΠΈ Β«AΒ».

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ΠŸΠΎΡ‡Π΅ΠΌΡƒ 2 горячих клавиши, Π° Π½Π΅ ΠΎΠ΄Π½Π°? Π­Ρ‚ΠΎ связано с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ сущСствуСт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Sketch. Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ Π°Π½Π°Π»ΠΎΠ³ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ «Артборды». Π§Ρ‚ΠΎΠ±Ρ‹ Π² скСтчС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ»Π°Π²ΠΈΡˆΡƒ «А». ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ скСтч β€” это Π³Π»Π°Π²Π½Ρ‹ΠΉ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ Ρ„ΠΈΠ³ΠΌΡ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ‚Π΅ΠΌ, ΠΊΡ‚ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° Ρ„ΠΈΠ³ΠΌΡƒ со скСтча, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½ΠΎΠ΅ для этих людСй сокращСниС.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π½Π΅ Ρ‚ΡΠ½ΡƒΡ‚ΡŒ ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΈ просто Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Π»Π΅Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ создан Ρ„Ρ€Π΅ΠΉΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 100 Π½Π° 100px.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ‚ΡΠ½ΡƒΡ‚ΡŒ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² Π² Figma ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройств

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»Π΅ прСдставлСны популярныС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² (Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ инструмСнта Ρ„Ρ€Π΅ΠΉΠΌ):

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΈΠ· списка

Если Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²Ρ‹Π±Ρ€Π°Π² Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ спискС справа Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ±ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° Π³Ρ€ΡƒΠΏΠΏΡƒ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ шаблон ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° эту ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π»ΠΈΠ±ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ· Ρ„Ρ€Π΅ΠΉΠΌΠ° Π³Ρ€ΡƒΠΏΠΏΡƒ. ИзмСнСниС Β«FrameΒ» Π½Π° Β«GroupΒ» ΠΈΠ»ΠΈ Π²Ρ‹Π±ΠΎΡ€ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ· шаблонов. Π“Ρ€ΡƒΠΏΠΏΠ° позволяСт ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ нСсколько элСмСнтов, Π½ΠΎ Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ мСньшС возмоТностСй ΠΈ Π½Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

МСняСм Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΠΎ ΡƒΠΌΠ½ΠΎΠΌΡƒ. Как ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Frame Π² Figma?

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ, ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ ΠΈΠ»ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ, просто Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° ΠΊΡ€Π°ΠΉ ΠΈ потянитС Π² сторону. Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ горячиС клавиши, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

Если ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ клавиши Π½ΠΈΠΆΠ΅, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π°ΠΌ ΡΡ‡Π°ΡΡ‚ΡŒΠ΅:
Ctrl β€” элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅ привязаны ΠΊ краям.
Alt β€” ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π΅ΠΉΠΌΠ° слСва ΠΈ справа, свСрху ΠΈ снизу.
Shift β€” ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ этих горячих клавиш.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° β€” это ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Π½Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ. НапримСр Ссли ΡˆΠΈΡ€ΠΈΠ½Π° Ρ„Ρ€Π΅ΠΉΠΌΠ° 500 пиксСлСй, Π° высота 100, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ мСстами, просто наТимая Π½Π° эти ΠΈΠΊΠΎΠ½ΠΊΠΈ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Иконка со стрСлками позволяСт ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΏΠΎΠ΄ содСрТимоС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΅ΡΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°. НапримСр возьмСм Π³Ρ€Π°Ρ„ΠΈΠΊ, ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° эту ΠΈΠΊΠΎΠ½ΠΊΡƒ. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½Ρ‹ ΠΏΠΎΠ΄ содСрТимоС.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ располоТСниС Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΏΠΎ оси Π₯ ΠΈ Y ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΡƒΡŽ панСль ΠΈ значСния ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΌ Π΅ΡΡ‚ΡŒ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ЗначСния W ΠΈ H ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ°. Π‘ΠΏΡ€Π°Π²Π° Π΅ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠ° Ρ†Π΅ΠΏΠΈ. Если Π΅Ρ‘ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ. НапримСр Ссли Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ 100 Π½Π° 100px. Π’ΠΎ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ значСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π½Π° 140 высота Ρ‚ΠΎΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ 140px. Если ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈΠ»ΠΈ высоты.

ИзмСнСниС ΡƒΠ³Π»Π° Π½Π°ΠΊΠ»ΠΎΠ½Π° ΠΈ скруглСниС ΡƒΠ³Π»ΠΎΠ²

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡ€ΡƒΠ³Π»ΠΈΡ‚ΡŒ ΡƒΠ³Π»Ρ‹ Ρƒ Ρ„Ρ€Π΅ΠΉΠΌΠ° (ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΊΡ€ΡƒΠ³Π»Ρ‹ΠΌ), смотритС Π² ΠΏΡ€Π°Π²ΡƒΡŽ панСль. Π‘Π²Π΅Ρ€Ρ…Ρƒ Π΅ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠ° скруглСния ΡƒΠ³Π»ΠΎΠ² ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π½Π°ΠΊΠ»ΠΎΠ½Π° ΡƒΠ³Π»Π°. Π’Π°ΠΊΠΆΠ΅ Ссли Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΡΠ°ΠΌΡƒΡŽ ΠΏΡ€Π°Π²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΊΡ€ΡƒΠ³Π»ΡΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ.

Ѐункция Clip content β€” Ρ‡Ρ‚ΠΎ это?

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Clip content позволяСт ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ содСрТимоС Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ². НапримСр Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ свСрху эта Π³Π°Π»ΠΎΡ‡ΠΊΠ° ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π°, Π° Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π°.

Как ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² Auto Layout?

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ, Ρ‚ΠΎ Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ надпись Auto Layout.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 3 ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°, послС этого Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ Π½Π° плюсик, Ρ‚ΠΎ появятся Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ возмоТности.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ стрСлки справа, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ автоматичСски ΠΏΠ΅Ρ€Π΅ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒΡΡ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ Ρ‚ΠΎ элСмСнт Π²Π½ΡƒΡ‚Ρ€ΠΈ Auto Layout ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ клавиш Β«CtrlΒ» Β«DΒ», Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ дублируСтся ΠΈ всС автоматичСски Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ возмоТностях Auto Layout ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅.

Π‘Π΅Ρ‚ΠΊΠΈ Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ°Ρ…

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сСтку Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Β«GridsΒ» Π½Π° плюс.

ПослС этого ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сСтки (Grid, column, row).

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ИзмСнСниС Ρ†Π²Π΅Ρ‚Π° Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΈ созданиС ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС Π²Ρ‹ΡˆΠ΅.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Для создания ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ плюс Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Stroke

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ ΠΈΠ· Figma Π² PNG, JPG, SVG, PDF

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ ΠΈΠ· Ρ„ΠΈΠ³ΠΌΡ‹ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… ΠΊ сСбС Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„Ρ€Π΅ΠΉΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° плюс Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Β«ExportΒ» Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ для экспорта (PNG, JPG, SVG, PDF) ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ExportΒ». ΠŸΠ΅Ρ€Π΅Π΄ этим ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π½Π°ΠΆΠ°Π² Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«PrewieΒ».

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€ΠΈ экспортС, Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· списка 1Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Если Π²Ρ‹Π±Ρ€Π°Π½ΠΎ 1Ρ…, Ρ‚ΠΎ экспорт Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ. Если Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ 2Ρ…, Ρ‚ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π± ΠΏΡ€ΠΈ экспортС Π±ΡƒΠ΄Π΅Ρ‚ Π² 2 Ρ€Π°Π·Π° большС. НапримСр Ссли ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ 2Ρ… ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° 300px Π½Π° 300px, Ρ‚ΠΎ сохранСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 600px Π½Π° 600px.

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠΈ элСмСнтов Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ВсС элСмСнты Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ привязки. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ справа Π² ΠΏΠ°Π½Π΅Π»Π΅, Π²Π½ΠΈΠ·Ρƒ надписи Constraints. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ привязка ΠΈΠ΄Π΅Ρ‚ ΠΊ Π»Π΅Π²ΠΎΠΌΡƒ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌΡƒ ΡƒΠ³Π»Ρƒ. ΠŸΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Ρ€Π΅ΠΉΠΌΠ° элСмСнты Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Ρ‹ Ρ‚Π°ΠΌ.

Π—Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½ΠΈΠ΅ элСмСнтов Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΏΡ€ΠΈ скроллингС

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Елси Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ элСмСнт. НапримСр мСню (ΠΊΠ°ΠΊ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ Π²Ρ‹ΡˆΠ΅), Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Β«Fix position when scrollingΒ», Ρ‚ΠΎ этот элСмСнт ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½.

ГорячиС клавиши ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Ρ„Ρ€Π΅ΠΉΠΌΠ°ΠΌΠΈ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Как ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Если Π²Π°ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅, просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Β«BackspaceΒ» Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅. Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π΅Π³ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

2 способа ΠΊΠ°ΠΊ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Frame Π² Figma

Π•ΡΡ‚ΡŒ нСсколько способов ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ ΠΈΠ»ΠΈ элСмСнты Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌ. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ Π²Π°ΠΌ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° клавиши Β«CtrlΒ» Β«GΒ», Π»ΠΈΠ±ΠΎ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«Group selectionΒ». Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Β«Π“Ρ€ΡƒΠΏΠΏΠ°Β».

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ Π² Figma

Работая Π² Figma, Π²Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ Π²Ρ‹Π±ΠΎΡ€Π°, Ρ‡Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏΡƒ? Оба Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° – ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ для размСщСния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Π½ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ свои ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ свойства ΠΈ случаи использования. НС всСгда ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, поэтому, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒ ΠΈΡ…, я написал эту ΡΡ‚Π°Ρ‚ΡŒΡŽ.

Π“Ρ€ΡƒΠΏΠΏΡ‹

Как ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтах Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π³Ρ€ΡƒΠΏΠΏΡ‹ Π² Figma ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ нСсколько элСмСнтов вмСстС Π² ΠΎΠ΄ΠΈΠ½ слой Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня. Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π΅Π΅ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΌΠΈ элСмСнтами, поэтому ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ этих элСмСнтов ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ автоматичСскому измСнСнию Π³Ρ€Π°Π½ΠΈΡ† Π³Ρ€ΡƒΠΏΠΏΡ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ, Π²Ρ‹Π±Ρ€Π°Π² ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ Π½Π°ΠΆΠ°Π²: ⌘ + G (Mac) ΠΈΠ»ΠΈ Ctrl + G (Win).

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ Π½Π΅ являСтся дСструктивным дСйствиСм – это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π½Π΅ навсСгда Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅Ρ‚ ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ слои вмСстС. Π’ любой ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты, Π½Π°ΠΆΠ°Π²: ⌘ + Shift + G (Mac) ΠΈΠ»ΠΈ Ctrl + Shift G (Win).

Π“Ρ€ΡƒΠΏΠΏΡ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ элСмСнты ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с мСньшим количСством слоСв. НапримСр, Ρƒ вас Π΅ΡΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ вмСстС. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ – ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈΡ… Π² ΠΎΠ΄ΠΈΠ½ Π±ΠΎΠ»Π΅Π΅ управляСмый слой – ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² ΠΏΠΎ Π»ΡŽΠ±ΠΎΠΌΡƒ ΠΈΠ· элСмСнтов Π² вашСй Π³Ρ€ΡƒΠΏΠΏΠ΅, Π²Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ всю Π³Ρ€ΡƒΠΏΠΏΡƒ, ΠΈ смоТСтС ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌ, ΠΊΠ°ΠΊ Π΅Π΄ΠΈΠ½Ρ‹ΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ Π½Π° холстС. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠΉ элСмСнт Π² Π³Ρ€ΡƒΠΏΠΏΠ΅, Π΄Π²Π°ΠΆΠ΄Ρ‹ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ.

Π’Π°ΠΊΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, ΠΊΠ°ΠΊ Smart Selections, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ настройку Π³Ρ€Π°Π½ΠΈΡ† Π³Ρ€ΡƒΠΏΠΏΡ‹ для соотвСтствия ΠΎΠ±Ρ‰ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°.

Когда Π²Ρ‹ измСняСтС Ρ€Π°Π·ΠΌΠ΅Ρ€ Π³Ρ€ΡƒΠΏΠΏΡ‹, Π΅Π΅ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты Π±ΡƒΠ΄ΡƒΡ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΊΠ°ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ изобраТСния. Однако эффСкты, ΠΊΠΎΠ½Ρ‚ΡƒΡ€Ρ‹ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эти свойства Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ (K). Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ограничСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов, рассмотритС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ использования Ρ„Ρ€Π΅ΠΉΠΌΠ°. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ, примСняСмыС ΠΊ элСмСнтам, всСгда Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚ΡŒΡΡ ΠΊ Π±Π»ΠΈΠΆΠ°ΠΉΡˆΠ΅ΠΌΡƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ Ρ„Ρ€Π΅ΠΉΠΌΡƒ, Π° Π½Π΅ ΠΊ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌ Π³Ρ€ΡƒΠΏΠΏΡ‹. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом Π² Ρ€Π°Π·Π΄Π΅Π»Π΅, посвящСнном Ρ„Ρ€Π΅ΠΉΠΌΠ°ΠΌ!

Π€Ρ€Π΅ΠΉΠΌΡ‹

Π€Ρ€Π΅ΠΉΠΌ Π² Figma – это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ Β«Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄Β» Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтах Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠœΡ‹ рассматриваСм Ρ„Ρ€Π΅ΠΉΠΌΡ‹, ΠΊΠ°ΠΊ ΠΎΡΠ½ΠΎΠ²ΠΎΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‰ΠΈΠΉ элСмСнт ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ Π² качСствС ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΈ / ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ области ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π€Ρ€Π΅ΠΉΠΌΡ‹ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡ… влоТСния ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ создания динамичСских ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² Figma.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ углубимся Π² ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈ свойства Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ², Π΄Π°Π²Π°ΠΉΡ‚Π΅ быстро рассмотрим Ρ‚Ρ€ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… способа ΠΈΡ… создания.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ°, сочСтаниС клавиш Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΏΡ€ΠΈ Ρ€Π°Π·Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ΅: ⌘ + Shift + G (Mac) ΠΈΠ»ΠΈ Ctrl + Shift + G (Win). Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ углубимся Π² ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ использования Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ².

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ²

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‚ΡΡ нСзависимо ΠΎΡ‚ ΠΈΡ… Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов. Если Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°, Π΅Π³ΠΎ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ автоматичСски ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Π»ΠΈΡΡŒ ΠΏΠΎΠ΄ содСрТимоС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Resize to FitΒ» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ свойств справа.

Π’Π°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π² Figma Π²Π΅Π΄ΡƒΡ‚ сСбя Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΡ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… мСстах, ΠΈ, Ссли Π²Ρ‹ отсоСдинитС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ экзСмпляр ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ прСобразуСтся Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌ.

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° с ограничСниями

ΠŸΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Ρ€Π΅ΠΉΠΌΡ‹ ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ Π²Π΅Π΄ΡƒΡ‚ сСбя ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ. Как ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅, Ρ€Π°Π·ΠΌΠ΅Ρ€ Π³Ρ€ΡƒΠΏΠΏ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌ изобраТСниям. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ‹ нСзависимо ΠΎΡ‚ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов. Однако, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ ограничСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° этих Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡ… Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ°. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ эти ограничСния установлСны Π½Π° Β«TopΒ» ΠΈ Β«LeftΒ».

Настройка ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Π°, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ элСмСнты сохраняли Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ°, Ρ‡Ρ‚ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ трСбуСтся ΠΏΡ€ΠΈ создании ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ². Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ различия ΠΌΠ΅ΠΆΠ΄Ρƒ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌΠΈ, Ρ„Ρ€Π΅ΠΉΠΌΠ°ΠΌΠΈ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°ΠΌΠΈ с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ограничСниями.

ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚, выходящий Π·Π° Π³Ρ€Π°Π½ΠΈΡ†Ρƒ Ρ„Ρ€Π΅ΠΉΠΌΠ°

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСзависимо ΠΎΡ‚ Π΅Π³ΠΎ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов, функция Β«clip contentΒ» (доступная Π½Π° ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ свойств) ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ способами. Π’ΠΎΡ‚ нСсколько распространСнных ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ²:

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘Π΅Ρ‚ΠΊΠΈ

Π‘Π΅Ρ‚ΠΊΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² (Layout grids) ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ Ρ„Ρ€Π΅ΠΉΠΌΡƒ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρƒ Π² вашСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π­Ρ‚ΠΎ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ области вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠΌΠ΅Π»ΠΈ свои собствСнныС нСзависимыС сСтки. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² Figma Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² сочСтании с сСтками ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΅ΡΡ‚ΡŒ сСтка ΠΈΠ· 2 столбцов ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹ΠΉ Ρ„Ρ€Π΅ΠΉΠΌ для ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ сСтку ΠΈΠ· 3 столбцов. ΠŸΡ€ΠΈ установкС ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΠ³Π΄Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня измСняСтся, Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сСтки ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’Ρ‹Π²ΠΎΠ΄

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ (вмСстС ΠΈΠ»ΠΈ ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ) для достиТСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ².

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΎ ΠΎ Π³Π»Π°Π²Π½ΠΎΠΌ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹, Ссли:

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΎ ΠΎ Π³Π»Π°Π²Π½ΠΎΠΌ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„Ρ€Π΅ΠΉΠΌΡ‹, Ссли:

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± использовании Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² ΠΈ Π³Ρ€ΡƒΠΏΠΏ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² нашСй ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ создавались ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ копию Ρ„Π°ΠΉΠ»Π° Π² Figma.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π€Ρ€Π΅ΠΉΠΌ Π² Figma

Π€Ρ€Π΅ΠΉΠΌ Π² Figma

ЗдравствуйтС! Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ рассмотрим инструмСнты ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Figma. И Π½Π°Ρ‡Π½Π΅ΠΌ с Ρ‚Π°ΠΊΠΎΠ³ΠΎ инструмСнта, ΠΊΠ°ΠΊ Ρ„Ρ€Π΅ΠΉΠΌ.

Π€Ρ€Π΅ΠΉΠΌ ΠΈΠ»ΠΈ Π°Ρ€Ρ‚Π±ΠΎΡ€Π΄ β€” основной элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Π€ΠΈΠ³ΠΌΠ΅. Π­Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ страницСй сайта ΠΈΠ»ΠΈ экраном мобильного прилоТСния.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов популярных устройств β€” Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ², часов, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² β€” Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π€Ρ€Π΅ΠΉΠΌ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ сСбя. Когда Π²Ρ‹ создаётС Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°, Π² ΠΏΠ°Π½Π΅Π»ΠΈ свойств слСва Π±ΡƒΠ΄ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒΡΡ слои. Π‘Π»ΠΎΠΈ Π² Π€ΠΈΠ³ΠΌΠ΅ β€” это содСрТимоС вашСго Ρ„Ρ€Π΅ΠΉΠΌΠ°: ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, тСкст, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.
Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌ ΠΈΠ»ΠΈ Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ сочСтаниями клавиш

WindowsMacOS
Ctrl + Alt + GCmd + Opt + GΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌ
Ctrl + Shift + GCmd + Shift + GΡ€Π°Π·Π±ΠΈΡ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌ Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹

Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅ ΠΏΠΎ оси X/Y ΠΈΠ»ΠΈ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ панСль справа.
Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅
ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΠΌΠΎΠΆΠ½ΠΎ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. Допустим, Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ нСсколько страниц сайта. На ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Π²Π½ΠΈΠ·Ρƒ экрана Ρƒ вас Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹: Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ ΠΈ элСктронная ΠΏΠΎΡ‡Ρ‚Π°. Π‘Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈΠ· мСню Object β†’ Group Selection ΠΈΠ»ΠΈ сочСтаниСм клавиш Ctrl (Cmd) + G. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ измСнСния Π² слоях ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² β€” ΠΎΠ½ΠΈ объСдинились Π² Π³Ρ€ΡƒΠΏΠΏΡƒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Ρ€Π°Π·ΠΎΠΌ.
Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅
Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ элСмСнтов Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅. НапримСр, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠ° вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π±Ρ‹Π»Π° всСгда Π² ΡƒΠ³Π»Ρƒ экрана, Π΄Π°ΠΆΠ΅ Ссли Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° измСнится. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π²ΠΎ Ρ„Ρ€Π΅ΠΉΠΌΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Constraints Π² ΠΏΠ°Π½Π΅Π»ΠΈ свойств справа.
Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅
Π€Ρ€Π΅ΠΉΠΌ β€” это Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ. ΠŸΡ€ΠΈ сохранСнии ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ всС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ находятся Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°. Если случайно ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ слой ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ°, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠŸΠ΅Ρ€Π΅Π΄ скачиваниСм, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΏΡ€Π΅Π²ΡŒΡŽ Ρ„Π°ΠΉΠ»Π°, ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Если Π²Ρ‹ нашли ΠΎΡˆΠΈΠ±ΠΊΡƒ, поТалуйста, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ тСкста ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Ctrl+Enter.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ стоит Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Figma

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π­Ρ‚ΠΎΠΉ записью ΠΌΡ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ тСкстовый курс для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π½Π° Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½Π΅ΠΉΡˆΠΈΠΉ дизайнСрский инструмСнт Figma. Π’Π΅ΡΡŒ курс Π² Π²ΠΈΠ΄Π΅ΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΏΡ€ΠΎΠΉΡ‚ΠΈ Π½Π° GeekBrains. ΠŸΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ β€” Илья Полянский, Π²Π΅Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² Β«ΠŸΠΎΡ‡Ρ‚Π΅ России».

ΠŸΠΎΡ‡Π΅ΠΌΡƒ стоит Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Figma?

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΈ ΠΏΡ€ΠΈ этом Π±Ρ‹Ρ‚ΡŒ доступным ΠΈ понятным. Figma β€” ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚! Π•Ρ‘ основныС прСимущСства:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΡƒΠ±Π΅Π΄ΠΈΠ»ΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ Figma стоит Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‘ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ, β€” ΠΏΠΎΡ€Π° ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅!

Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Figma

Π¨Π°Π³ 1. РСгистрация:

ΠžΡΡ‚Π°Ρ‘Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΄Π΅ΡΠΊΡ‚ΠΎΠΏΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ прилоТСния.

Π¨Π°Π³ 2. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° прилоТСния Figma:

Π£Ρ€Π°! Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. ЗапускаСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ авторизуСмся Ρ‡Π΅Ρ€Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ (Ρ‚Π΅ΠΌ ΠΆΠ΅ способом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ) ΠΈ приступаСм ΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠΌΡƒ ΡƒΡ€ΠΎΠΊΡƒ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΠΏΠΎ элСмСнтам интСрфСйса

Для Π½Π°Ρ‡Π°Π»Π° рассмотрим Ρ€Π°Π±ΠΎΡ‚Ρƒ Swatch Library, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ². Π£Π·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Π΅Ρ‘ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π½Π΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

Π Π°Π½Π΅Π΅ ΠΌΡ‹ установили ΠΈ запустили ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Figma. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ:

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Π½Π°ΠΆΠ°Π² Π½Π° плюсик Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ, ΠΈ сразу Π΄Π°Ρ‘ΠΌ Π΅ΠΌΡƒ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅. Π”Π°Π»Π΅Π΅ раскрываСм список страниц Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ΅Ρ€Π²ΡƒΡŽ страницу Swatch Library. Основной ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ использования страниц Π² Figma β€” Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ части. Но ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Figma

Π€Ρ€Π΅ΠΉΠΌΡ‹

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ сСгодня пригодится, β€” Ρ„Ρ€Π΅ΠΉΠΌΡ‹.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π€Ρ€Π΅ΠΉΠΌ β€” основной элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Figma. Π­Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ страницСй сайта ΠΈΠ»ΠΈ экраном мобильного прилоТСния, ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов популярных устройств Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа.

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ сСгодня Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ β€” Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ инструмСнтом Shape Tool. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты интСрфСйса β€” Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², Π»ΠΈΠ½ΠΈΠΉ, Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², стрСлок, ΠΊΡ€ΡƒΠ³ΠΎΠ², Π·Π²Ρ‘Π·Π΄.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ Ρ‡Π΅Π³ΠΎ стоит Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

Π˜Ρ‚Π°ΠΊ, приступаСм. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Ρ„Ρ€Π΅ΠΉΠΌ Desktop 1440×1024, добавляСм Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 128Ρ…128, настраиваСм ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ свою ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ², дублируя ΠΏΠ΅Ρ€Π²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ сочСтаниСм клавиш Ctrl+D.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π¦Π²Π΅Ρ‚Π° Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π΅ сочСтаниС ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

Когда вся ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Π³ΠΎΡ‚ΠΎΠ²Π°, сохраняСм ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠ΅ΡΡ Ρ†Π²Π΅Ρ‚Π° β€” смоТСм ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΌ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Для этого Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Style Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈ Ρ‡Π΅Ρ€Π΅Π· + сохраняСм наши Ρ†Π²Π΅Ρ‚Π° с понятными Π²Π°ΠΌ названиями. ΠŸΠ΅Ρ€Π²Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ названия Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ Ρ†Π²Π΅Ρ‚Π°, Π° вторая, послС слСша, Π±ΡƒΠ΄Π΅Ρ‚ Π΅Π³ΠΎ ΠΈΠΌΠ΅Π½Π΅ΠΌ. Π”Π°Ρ‘ΠΌ названия ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’Π΅ΠΏΠ΅Ρ€ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΠ»ΠΈ тСкст Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ Π½Π°ΠΌ Ρ†Π²Π΅Ρ‚Π°.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠΌ Π½ΠΎΠ²ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ: ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΈΡΡŒ Ρ†Π²Π΅Ρ‚Π° Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΈ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡ… ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ. Π›Π΅Π³ΠΊΠΎ! ВставляСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ сочСтаниСм клавиш Ctrl+Shift+K, создаём Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΄ΠΈΠΌ Ρ†Π²Π΅Ρ‚Π°, ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡ….

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

УслоТним Π·Π°Π΄Π°Ρ‡Ρƒ: Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ряд Ρ„ΠΈΠ³ΡƒΡ€, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚ΠΈΠΏ Π·Π°Π»ΠΈΠ²ΠΊΠΈ Linear. Π”Π°Π»Π΅Π΅ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΎΠΉ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΡ€Π°ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΈ настраиваСм 100% ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ с ΠΎΠ±ΠΎΠΈΡ… ΠΊΡ€Π°Ρ‘Π².

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ. Если Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°, достаточно ΡΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Π»ΠΈΠ½ΠΈΠΈ.

ΠœΡ‹ создали Π½Π°ΡˆΡƒ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Ρ†Π²Π΅Ρ‚ΠΎΠ², Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ Π΄Π΅Π»Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΡ… Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ. Начало ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ! Увидимся Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… частях курса.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π­Ρ‚ΠΎΠΉ записью ΠΌΡ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ тСкстовый курс для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π½Π° Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½Π΅ΠΉΡˆΠΈΠΉ дизайнСрский инструмСнт Figma. Π’Π΅ΡΡŒ курс Π² Π²ΠΈΠ΄Π΅ΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΏΡ€ΠΎΠΉΡ‚ΠΈ Π½Π° GeekBrains. ΠŸΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ β€” Илья Полянский, Π²Π΅Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² Β«ΠŸΠΎΡ‡Ρ‚Π΅ России».

ΠŸΠΎΡ‡Π΅ΠΌΡƒ стоит Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Figma?

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΈ ΠΏΡ€ΠΈ этом Π±Ρ‹Ρ‚ΡŒ доступным ΠΈ понятным. Figma β€” ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚! Π•Ρ‘ основныС прСимущСства:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΡƒΠ±Π΅Π΄ΠΈΠ»ΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ Figma стоит Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‘ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ, β€” ΠΏΠΎΡ€Π° ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅!

Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Figma

Π¨Π°Π³ 1. РСгистрация:

ΠžΡΡ‚Π°Ρ‘Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΄Π΅ΡΠΊΡ‚ΠΎΠΏΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ прилоТСния.

Π¨Π°Π³ 2. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° прилоТСния Figma:

Π£Ρ€Π°! Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. ЗапускаСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ авторизуСмся Ρ‡Π΅Ρ€Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ (Ρ‚Π΅ΠΌ ΠΆΠ΅ способом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ) ΠΈ приступаСм ΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠΌΡƒ ΡƒΡ€ΠΎΠΊΡƒ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΠΏΠΎ элСмСнтам интСрфСйса

Для Π½Π°Ρ‡Π°Π»Π° рассмотрим Ρ€Π°Π±ΠΎΡ‚Ρƒ Swatch Library, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ². Π£Π·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Π΅Ρ‘ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π½Π΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

Π Π°Π½Π΅Π΅ ΠΌΡ‹ установили ΠΈ запустили ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Figma. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ:

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Π½Π°ΠΆΠ°Π² Π½Π° плюсик Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ, ΠΈ сразу Π΄Π°Ρ‘ΠΌ Π΅ΠΌΡƒ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅. Π”Π°Π»Π΅Π΅ раскрываСм список страниц Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ΅Ρ€Π²ΡƒΡŽ страницу Swatch Library. Основной ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ использования страниц Π² Figma β€” Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ части. Но ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Figma

Π€Ρ€Π΅ΠΉΠΌΡ‹

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ сСгодня пригодится, β€” Ρ„Ρ€Π΅ΠΉΠΌΡ‹.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π€Ρ€Π΅ΠΉΠΌ β€” основной элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Figma. Π­Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ страницСй сайта ΠΈΠ»ΠΈ экраном мобильного прилоТСния, ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Ρ€Π΅ΠΉΠΌΠ° ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ экранов популярных устройств Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа.

Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ сСгодня Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ β€” Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ инструмСнтом Shape Tool. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты интСрфСйса β€” Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², Π»ΠΈΠ½ΠΈΠΉ, Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², стрСлок, ΠΊΡ€ΡƒΠ³ΠΎΠ², Π·Π²Ρ‘Π·Π΄.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ Ρ‡Π΅Π³ΠΎ стоит Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

Π˜Ρ‚Π°ΠΊ, приступаСм. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Ρ„Ρ€Π΅ΠΉΠΌ Desktop 1440×1024, добавляСм Ρ„ΠΎΡ€ΠΌΡƒ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 128Ρ…128, настраиваСм ΠΎΡ‚Ρ‚Π΅Π½ΠΎΠΊ ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов справа.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ свою ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ², дублируя ΠΏΠ΅Ρ€Π²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ сочСтаниСм клавиш Ctrl+D.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π¦Π²Π΅Ρ‚Π° Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π΅ сочСтаниС ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

Когда вся ΠΏΠ°Π»ΠΈΡ‚Ρ€Π° Π³ΠΎΡ‚ΠΎΠ²Π°, сохраняСм ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠ΅ΡΡ Ρ†Π²Π΅Ρ‚Π° β€” смоТСм ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΌ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Для этого Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Style Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈ Ρ‡Π΅Ρ€Π΅Π· + сохраняСм наши Ρ†Π²Π΅Ρ‚Π° с понятными Π²Π°ΠΌ названиями. ΠŸΠ΅Ρ€Π²Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ названия Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ Ρ†Π²Π΅Ρ‚Π°, Π° вторая, послС слСша, Π±ΡƒΠ΄Π΅Ρ‚ Π΅Π³ΠΎ ΠΈΠΌΠ΅Π½Π΅ΠΌ. Π”Π°Ρ‘ΠΌ названия ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π’Π΅ΠΏΠ΅Ρ€ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈΠ»ΠΈ тСкст Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ Π½Π°ΠΌ Ρ†Π²Π΅Ρ‚Π°.

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠΌ Π½ΠΎΠ²ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ: ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΈΡΡŒ Ρ†Π²Π΅Ρ‚Π° Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΈ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡ… ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ. Π›Π΅Π³ΠΊΠΎ! ВставляСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ сочСтаниСм клавиш Ctrl+Shift+K, создаём Ρ„ΠΈΠ³ΡƒΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΄ΠΈΠΌ Ρ†Π²Π΅Ρ‚Π°, ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡ….

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

УслоТним Π·Π°Π΄Π°Ρ‡Ρƒ: Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚. Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ряд Ρ„ΠΈΠ³ΡƒΡ€, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Ρ‚ΠΈΠΏ Π·Π°Π»ΠΈΠ²ΠΊΠΈ Linear. Π”Π°Π»Π΅Π΅ ΠΏΠΈΠΏΠ΅Ρ‚ΠΊΠΎΠΉ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΡ€Π°ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΈ настраиваСм 100% ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ с ΠΎΠ±ΠΎΠΈΡ… ΠΊΡ€Π°Ρ‘Π².

Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅. Π€ΠΎΡ‚ΠΎ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€Π΅ΠΉΠΌ Π² Ρ„ΠΈΠ³ΠΌΠ΅

Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ. Если Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°, достаточно ΡΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Π»ΠΈΠ½ΠΈΠΈ.

ΠœΡ‹ создали Π½Π°ΡˆΡƒ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Ρ†Π²Π΅Ρ‚ΠΎΠ², Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ Π΄Π΅Π»Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΡ… Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ. Начало ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ! Увидимся Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… частях курса.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *