π₯ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π° ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π²Π½ΡΡΡΠΈ FIGMA. ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π·Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Ρ ΡΠΈΠ³ΡΡ ΠΈ ΡΠ΅ΠΊΡΡΠ°?
fetisovdesign | ΠΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ | Π‘ΠΎΡΡΠ΅ΡΠΈ | ΠΠ°ΡΠΊΠ΅ΡΠΏΠ»Π΅ΠΉΡΡ
π₯π₯π₯ ΠΠ°ΠΊΠ°Π·Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½! ΠΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° Π΄Π»Ρ ΠΌΠ°ΡΠΊΠ΅ΠΏΡΠ»Π΅ΠΉΡΠΎΠ², ΠΊΠ΅Π°ΡΠΈΠ²Ρ Π΄Π»Ρ ΡΠΎΡ. ΡΠ΅ΡΠ΅ΠΉ, ΡΡΠ°ΡΠΈΠΊΠ° ΠΈ Π²ΠΈΠ΄Π΅ΠΎ... ΠΡΡΠ³Π°Ρ Π·Π°Π΄Π°ΡΠ°? ΠΠΈΡΠΈ, ΡΠ²Π΅ΡΠ΅Π½, ΡΡΠΎ Π½Π°ΠΉΠ΄Π΅ΠΌ Π»ΡΡΡΠ΅Π΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. π¨ ΠΠΠΠΠΠ¨ΠΠ‘Π¬ ΠΈ Π½Π°ΠΆΠΌΠΈ π, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΡΠΎΠΏΡΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ Π»Π°ΠΉΡΡ
Π°ΠΊΠΈ ΠΏΠΎ Figma! Variable Width (ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π°) Π² Figma: Π Π΅Π²ΠΎΠ»ΡΡΠΈΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅! π ΠΡΠΊΡΠΎΠΉΡΠ΅ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΌΠΎΡΠ½ΡΡ ΡΠΈΡΠΊΡ Figma β Variable Width (ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π°), ΠΊΠΎΡΠΎΡΠ°Ρ ΠΌΠ΅Π½ΡΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΈΠ³ΡΡ Π² ΠΌΠΈΡΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°! π Π‘ ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠ΅ΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠ»Π°Π²Π½ΡΠ΅, ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠ΅ΠΉΡΡ ΡΠΈΡΠΈΠ½ΠΎΠΉ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΠΎ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΡΡ
ΠΈ Π΄Π΅ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ, ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ
ΡΡΠΈΡΡΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΆΠΈΠ²ΠΎΡΡΠΈ Π² Π²Π°ΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ. π‘ ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°: - Π£Π΄ΠΎΠ±ΡΡΠ²ΠΎ: Π»Π΅Π³ΠΊΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠΈΡΠΈΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΉ Π² Π»ΡΠ±ΠΎΠΉ ΡΠΎΡΠΊΠ΅. - Π’ΠΎΡΠ½ΠΎΡΡΡ: Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π΄ΠΎ ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅ΡΡΠ° Π΄Π»Ρ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΡ
ΠΊΠΎΠ½ΡΡΡΠΎΠ². - ΠΠ΄ΠΎΡ
Π½ΠΎΠ²Π΅Π½ΠΈΠ΅: ΡΡΠΊΠΎΡΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ
ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ
ΡΠΎΡΠΌ. Π₯ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΠΈ ΠΈ ΡΡΠΈΠ»Ρ Π² ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ? Variable Width (ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π°) β ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, Π° ΡΠ΅Π»ΡΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π°ΡΠΈ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎ-Π½Π°ΡΡΠΎΡΡΠ΅ΠΌΡ Π·Π°Ρ
Π²Π°ΡΡΠ²Π°ΡΡΠΈΠΌΠΈ ΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌΠΈ. ΠΡΠ΄ΡΡΠ΅ Π²ΠΏΠ΅ΡΠ΅Π΄ΠΈ Π²ΡΠ΅Ρ
β ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Variable Width (ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π°) Π² Figma ΠΈ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ Π²Π°ΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ Π½Π΅ΠΏΠΎΠ²ΡΠΎΡΠΈΠΌΡΠΌΠΈ! π¨β¨ ΠΡΠ»ΠΈ ΡΡ Ρ
ΠΎΡΠ΅ΡΡ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Π² Figma Π² 2 ΡΠ°Π·Π°, Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠΈΠ½Ρ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Β«ΠΌΠ°Π³ΠΈΡΒ» Π² ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ β ΡΡΠΎΡ ΡΠΎΠ»ΠΈΠΊ Π΄Π»Ρ ΡΠ΅Π±Ρ! π₯