Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
Π‘ΠΎΠ²Π΅ΡΡ ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² (variants) Π² Figma
ΠΡΠ»ΠΈ Π²Ρ Π»ΡΠ±ΠΈΡΠ΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² ΡΠ²ΠΎΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°Ρ , ΡΠΎ Π²Ρ ΠΏΠΎΠ»ΡΠ±ΠΈΡΠ΅ Π½ΠΎΠ²ΡΡ ΡΡΠ½ΠΊΡΠΈΡ Figma ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π²Π°ΡΠΈΠ°Π½ΡΡ (Variants). ΠΠ½Π° ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΈΠ½ΠΎΠΉ ΡΡΠΎΠ²Π΅Π½Ρ!
Π Π°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ Ρ Figma Variants + Auto Layout Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ
ΠΠ°ΡΠΈΠ°Π½ΡΡ ΠΏΠΎΡ ΠΎΠΆΠΈ Π½Π° Π³ΡΡΠΏΠΏΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΡ ΡΠ΅Π»Ρ β ΡΠΎΠ±ΡΠ°ΡΡ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈ Π΄Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΈΡ , ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ.
ΠΠ°ΡΠΈΠ°Π½ΡΡ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΌΠΈ ΠΈ Π±ΡΡΡΡΡΠΌΠΈ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. ΠΡΠΎΡΠΌΠΎΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΡΡΠ°Π» Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΄ΠΎΠ±Π½Π΅Π΅. Π ΡΠ΅Π»ΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΏΡΠΎΡΠ°ΡΡ Π½Π°Π±ΠΎΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½Π½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅Ρ Π²Π°ΡΠΈΠ°Π½ΡΠ°
ΠΠΎΠ³Π΄Π° Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Variant, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ (ΠΈΠ»ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ) Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠΏΡΠ°Π²Π°.
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ
Π‘ΠΎΠ·Π΄Π°Π²Π°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ. ΠΡΠ±Π΅ΡΠΈΡΠ΅ Π³ΡΡΠΏΠΏΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Β«Combine as VariantsΒ» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠΏΡΠ°Π²Π°.
ΠΠ°ΠΆΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ Π½Π°Π±ΠΎΡ ΡΠ»ΠΎΠ΅Π² Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌΠΈ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Π²Π½ΡΡΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΡΠΎΠΌΡ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π±ΡΡΡΡΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ°ΠΆΠ΄ΡΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ, Π° ΡΠ°ΠΌΠΈ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ Π½Π° ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π½Π°Π·Π²Π°Π½Π½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠ°ΠΊ Π²Π°ΡΠΈΠ°Π½ΡΡ:
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, Π½Π°Π·Π²Π°Π½Π½ΡΠ΅ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠΎΠ³Π»Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ (ΠΏΡΠΈΠΌΠ΅Ρ Π½Π° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ Π²ΡΡΠ΅):
- Button/Default/Primary
- Button/Default + Icon/Primary
- Button/Default/Secondary
- Button/Default + Icon/Secondary
ΠΠΎΡΠ»Π΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ² Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΈ ΡΡΠΈΠ»Ρ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Β«ΠΠ½ΠΎΠΏΠΊΠ°Β».
Π― ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» User Flow Kit, ΡΡΠΎΠ±Ρ ΠΏΠΎ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»ΠΎ ΠΌΠ½Π΅ ΡΠ·Π½Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΎ ΡΠ°ΠΌΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ. ΠΠΈΠΆΠ΅ Ρ Ρ
ΠΎΡΠ΅Π» Π±Ρ Π΄Π°ΡΡ Π²Π°ΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΠΎΠ²Π΅ΡΠΎΠ² ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ Π²ΠΌΠ΅ΡΡΠΎ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°
ΠΠΎΠ³Π΄Π° Π²Ρ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΠ΅ Π°ΠΊΡΠΈΠ²Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠ°Ρ Π΅ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ Π²ΠΌΠ΅ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠΎΠ². Π‘Π΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ:
- ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π²Π° Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π² ΡΠ²ΠΎΠΉΡΡΠ²Π΅ Π²Π°ΡΠΈΠ°Π½ΡΠ°.
- ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π°Π·Π²Π°Π½Ρ Β«Yes, NoΒ», Β«On, OffΒ» ΠΈΠ»ΠΈ Β«True, FalseΒ».
ΠΡΠ°ΠΊ, ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π² Β«IconΒ» ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Β«TrueΒ», Β«FalseΒ».
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²Π°ΡΠΈΠ°Π½ΡΠ°
ΠΡΠ»ΠΈ Π² Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π΅ΡΡΡ ΡΠ°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, Ρ Π½Π°ΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² Π²Π°ΡΠΈΠ°Π½ΡΠ°
ΠΠ°ΡΠΈΠ°Π½Ρ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ°
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ²
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΡΡΡΡΠ΅Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. ΠΡ Π±ΡΡΡΡΠΎ Π·Π°ΠΌΠ΅ΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ Π²Π°ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ· Π΄Π΅ΡΡΡΠΊΠΎΠ² ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ΄Π΅Π½ΡΠΈΡΠ½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
1.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΅Π³ΠΎ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, ΡΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ ΡΠ»Π°ΠΆΠΊΠΎΠ², ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ.
ΠΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΎΠ½ΠΈ ΡΠΎΠΆΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ. ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅Π»ΠΈ ΡΠ°ΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΊΠ°ΠΊ Β«ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΠ°Π²Π΅Π΄Π΅Π½ΠΈΠ΅, ΠΠ°ΠΆΠ°ΡΠΈΠ΅, ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΎΒ». Π’ΠΎΠ³Π΄Π° Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
2. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΅Π³ΠΎ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ
ΠΠ°Π·ΠΎΠ²ΠΈΡΠ΅ ΡΠ²ΠΎΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅Π»ΠΈ ΡΡΠΈΠ»Ρ — Β«ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉΒ», Β«ΠΡΠΎΡΠΈΡΠ½ΡΠΉΒ», Β«ΠΠ΅ΠΉΡΡΠ°Π»ΡΠ½ΡΠΉΒ», Β«ΠΡΠΈΠ±ΠΊΠ°Β», Β«Π£ΡΠΏΠ΅Ρ Β» ΠΈ Ρ. Π΄. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΡΠΎΠΌΡ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΈΡ Π½Π° Π»Π΅ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΡ Ρ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ
3. Π Π°Π·Π»ΠΈΡΠΈΡ Π² ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ
ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. ΠΡΠ»ΠΈ Π² Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΠ΅ ΠΈΡ
Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². Π’Π°ΠΊ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ, ΡΡΠ΅Π΄Π½ΠΈΠΌ ΠΈ ΠΌΠ°Π»ΡΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ
ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°.
4. ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ²ΠΎΠΉΡΡΠ²
ΠΠ΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°ΠΉΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ Π΄Π²ΡΠΌΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ. ΠΠΎΠ΄ΡΠΌΠ°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°: ΡΠ°Π·ΠΌΠ΅Ρ, ΡΡΠΈΠ»Ρ, ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ°.
ΠΠ° ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΠΈ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ°ΠΊΠΎΠ²Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ²?
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° Π²ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡΡ ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ, Π΅ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»ΡΡΡΠΈΡΡ.
ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΡΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΠΊΠ°ΠΊ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π±ΡΠ»ΠΎ Π±Ρ Π·Π΄ΠΎΡΠΎΠ²ΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ°ΡΠΈΠ°Π½ΡΡ β ΠΎΡΠ΅Π½Ρ Π³ΠΈΠ±ΠΊΠ°Ρ ΡΡΠ½ΠΊΡΠΈΡ. ΠΠ½ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ»ΠΈ Π½Π°ΠΌ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π΄Π»Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌ ΠΈ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°. ΠΠ½Π°Π΅ΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΎΠ²Π΅ΡΡ ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ²? ΠΠ΅Π»ΠΈΡΠ΅ΡΡ ΠΈΠΌΠΈ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ !
ΠΠΎΠ½ΡΡ
Π§ΡΠΎΠ±Ρ ΠΎΠ±Π»Π΅Π³ΡΠΈΡΡ Π½Π°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ, Ρ ΠΏΡΠΈΠ³ΠΎΡΠΎΠ²ΠΈΠ» Π΄Π»Ρ Π²Π°Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΏΠΎΠ΄Π°ΡΠΎΠΊ. Π€Π°ΠΉΠ» Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ Π΄Π²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°: ΠΊΠ½ΠΎΠΏΠΊΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, ΠΎΠ½ΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½Ρ, ΠΊΠ°ΠΊ Π²Π°ΡΠΈΠ°Π½ΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°ΡΠ°ΡΡ ΡΠ°ΠΉΠ» Π·Π΄Π΅ΡΡ: Figma Variants Sample
ΠΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ², ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ Ρ ΠΌΠΎΠΈΠΌ User Flow Kit. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΠΌΠΎΠΈ ΡΡΠ°ΡΡΠΈ ΠΏΠΎ βοΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½Ρ . ΠΡΠ° ΡΡΠ°ΡΡΡ ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎ Π±ΡΠ»Π° ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π° Π² ΠΌΠΎΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅.
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΠ°ΡΡΠΈ uxdesign.cc
Variants β Π½ΠΎΠ²ΡΠ΅ Π²Π°ΡΠΈΠ°ΡΠΈΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² Figma β ΠΠΈΠ·Π°ΠΉΠ½ Π½Π° vc.ru
ΠΡΠ° ΡΡΠ½ΠΊΡΠΈΡ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΡΠ°Π΄ΠΈΠΈ Π±Π΅ΡΠ°-ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Figma Π±ΡΠ΄Π΅Ρ ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ°ΡΡ Ρ Π±Π΅ΡΠ°-ΡΠ΅ΡΡΠ΅ΡΠ°ΠΌΠΈ Variants. ΠΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π»Ρ ΡΡΡΡΠ°Π½Π΅Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΎΠΊ, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ Π½ΠΎΠ²ΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ Π΄Π»Ρ Π²ΡΠ΅Ρ .
13Β 194
ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠΎΠΌΠ°Π½Π΄Π° Figma ΠΏΠ»Π°Π½ΠΈΡΡΠ΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ Variants Π΄Π»Ρ Π²ΡΠ΅Ρ
ΠΊ ΠΊΠΎΠ½ΡΡ Π½ΠΎΡΠ±ΡΡ. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΏΠΎΡΠ²ΠΈΡΡΡ Π² Π½Π°ΡΠ°Π»Π΅ 2021 Π³ΠΎΠ΄Π°.
ΠΡΡΠΎΡΠ½ΠΈΠΊ
Variants ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠΈ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π²Π°ΡΠΈΠ°ΡΠΈΠΉ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. ΠΡΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ ΠΈ Π΄Π΅Π»Π°Π΅Ρ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌΠΈ.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠΉΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ. ΠΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΠΊΠΎΠ΄, ΡΠΏΡΠΎΡΠ°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΡΠ΅ΡΡΡΡΠΎΠ² ΠΈ ΡΡΠΊΠΎΡΡΡΡ Π²ΡΠ±ΠΎΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ°.
Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΅ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ 24 Π²Π°ΡΠΈΠ°ΡΠΈΡΠΌΠΈ. ΠΡ Π²ΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π½Π° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ Π½Π°ΡΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ:
Π’ΡΡ Π΅ΡΡΡ ΡΠ΅ΡΡΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π΅Π½Π½Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ Type ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Primary ΠΈ Secondary.
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ Size ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Large ΠΈ Small.
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ State ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Default, Pressed ΠΈ Inactive.
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ Icon ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ True ΠΈ False.
Figma ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΠΎΡ Π½Π°Π±ΠΎΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π·ΡΠ°. ΠΠ° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ Π½ΠΈΠΆΠ΅ Π²ΠΈΠ΄Π½ΠΎ Π²ΡΠ΅ ΡΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
Π§ΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡΠ΅ Π½Π° ΡΡΡΠ΅Π»ΠΎΡΠΊΡ Π²Π½ΠΈΠ· ΡΡΠ΄ΠΎΠΌ ΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ. ΠΠ»ΠΈ Π²ΠΊΠ»ΡΡΠ°ΠΉΡΠ΅/Π²ΡΠΊΠ»ΡΡΠ°ΠΉΡΠ΅ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΈΡΡΠ΅ΡΠΎΠ².
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: Π Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²ΡΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. Π’ΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ³ΠΎ Π²Ρ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈΠ»ΠΈ ΡΠ»ΠΎΡΠΌΠΈ.
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΠΊ ΡΠ°Π±ΠΎΡΠ΅ Ρ Variants
ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΅ΡΠ΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎΠ±Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΡ;
- ΠΡΠ³Π°Π½ΠΈΠ·ΡΠΉΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π½Π° ΠΊΠ°Π½Π²Π°ΡΠ΅;
- Π‘Π³ΡΡΠΏΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠΈ ΠΏΡΠ½ΠΊΡΡ Π²Π»ΠΈΡΡΡ Π½Π° ΡΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Π² Figma. ΠΡΠ»ΠΈ ΠΎΠ½ΠΈ ΡΡΠ°Π½ΡΡ ΠΏΡΠΈΡΠΈΠ½Π°ΠΌΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Π² Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅, ΠΎΡΠ»ΠΎΠΆΠΈΡΠ΅ Π²Π½Π΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, ΠΏΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ Π΄ΠΎΡΡΡΠΏ ΠΊ Variants.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΡ Figma ΡΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· ΡΠ»ΡΡ / Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² Variants. ΠΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΡΠΊΡΡΡΡ Π΄Π»Ρ Π»ΡΠ±ΡΡ
ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΆΠ΅Π»Π°Π΅ΡΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ:
componentName/property1value/property2value/property3value
— ΠΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΠΏΠ΅ΡΠ²ΡΠΌ / ΡΡΠ°Π½Π΅Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. ΠΠ°ΠΆΠ΄ΡΠΉ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ / ΡΡΠΎΠ²Π΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ.
— ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Figma Π½Π°Π·ΠΎΠ²ΡΡ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Variant, ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ Property 2, Π·Π°ΡΠ΅ΠΌ Property 3 ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
— Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°. Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ»ΡΡΠ΅ΠΉ.
— ΠΡΠ»ΠΈ Π² Π²Π°ΡΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΡ Π΅ΡΡΡ ΡΡΡΡΠΈΠΊΡΡ, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ ΠΈΡ
Π² ΡΠ»ΡΡ-ΡΡΠΎΠ²Π½ΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅ΡΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π΄Π»Ρ β hover ΠΈΠ»ΠΈ β pressed, ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ»ΡΡ-ΡΡΠΎΠ²Π΅Π½Ρ Π΄Π»Ρ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ.
— ΠΠΎΠ³Π΄Π° Π²Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, Figma ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ Π΄Π»Ρ Π»ΡΠ±ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Yes/No ΠΈΠ»ΠΈ True/False.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΠΈΠΌΡ:
Button/Primary/Large/Default/True
ΠΠΎΡΠ»Π΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
Component name: Button
Variant: Primary
Property 2: Large
Property 3: Default
Property 4: True
ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π»ΡΠ±ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΏΠΎΡΠ»Π΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΡ Π² Π²Π°ΡΠΈΠ°Π½ΡΡ. ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠ²ΠΎΠΉΡΡΠ² Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Β«VariantsΒ» Π² ΠΈΠ½ΡΠΏΠ΅ΠΊΡΠΎΡΠ΅. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π² ΠΈΠΌΠ΅Π½ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ°.
ΠΡΠ³Π°Π½ΠΈΠ·ΡΠΉΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π½Π° ΠΊΠ°Π½Π²Π°ΡΠ΅
ΠΡΠ΄Π΅Ρ Π»Π΅Π³ΡΠ΅ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ Π²ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΠ΅ ΠΈΡ Π² ΡΠ΅ΡΠΊΠ΅. ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π½ΠΈΡΠ΅Π³ΠΎ, ΠΊΡΠΎΠΌΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Ρ Π½Π΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ Π½Π°Π±ΠΎΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΈΠ»ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ.
Π§ΡΠΎΠ±Ρ Π΄Π΅Π»Π°ΡΡ Π°Π½Π½ΠΎΡΠ°ΡΠΈΠΈ ΠΊ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌ, ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΌΠ΅ΡΠΊΠΈ Π΄Π»Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ
ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΡΠ΄ΠΎΠΌ Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄Π΅ΡΠΆΠ°ΡΡ ΠΏΠΎΠ΄ ΡΡΠΊΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ. ΠΠ΄Π΅ΡΡ ΠΌΠΎΠ³ΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π»ΡΠ±ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΡΡΡΡ.
Figma Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π²Π°ΡΠΈΠ°Π½ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΡΠΎΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Ρ ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΠΎΠΉ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ. ΠΠ°ΠΊ ΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Ρ ΠΎΠ±ΡΡΠ½ΡΠΌΠΈ ΡΡΠ΅ΠΉΠΌΠ°ΠΌΠΈ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠ°ΠΊ Β«ΠΠ°Π»ΠΈΠ²ΠΊΠ°Β» ΠΈΠ»ΠΈ Β«ΠΠ±Π²ΠΎΠ΄ΠΊΠ°Β» Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
Π‘Π³ΡΡΠΏΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
ΠΡΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Figma ΡΠΌΠΎΡΡΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΠΈΠΌΠ΅Π½Π° ΡΠ»ΠΎΠ΅Π², Π° Π½Π΅ Π½Π° ΠΈΠΌΠ΅Π½Π° ΡΡΡΠ°Π½ΠΈΡ ΠΈ ΡΡΠ΅ΠΉΠΌΠΎΠ². ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΡΡΠ΅ΠΉΠΌΡ Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² β ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΡΡΠ°ΡΡ Π»ΠΈΡΠ½ΠΈΠΌΠΈ ΠΏΡΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠΈ.
ΠΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΡΠ΅ΠΉΠΌΡ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ. ΠΡΠΎ ΡΠ»ΡΡΡΠ°Π΅Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π°ΡΡΠ΅ΡΠΎΠ² ΠΈ Π² ΠΌΠ΅Π½Ρ Β«InstanceΒ».
ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄, Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Shopify Polaris. ΠΠ½Π° Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π½Π°Π±ΠΎΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΠΏΠΎΡ
ΠΎΠΆΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π³ΡΡΠΏΠΏΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Β«ΠΠ΅ΠΉΡΡΠ²ΠΈΡΒ» ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Ρ ΠΏΠΎΠ»Π΅ΠΌ Π²ΡΠ±ΠΎΡΠ° Π΄Π°ΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Β«Π€ΠΎΡΠΌΡΒ».
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ Variants: Figma ΡΠ±Π΅Π΄ΠΈΡΡΡ, ΡΡΠΎ Π²Π°ΡΠΈ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΡ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ. ΠΡΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² Π²Π°ΡΠΈΠ°Π½ΡΡ, Π²ΡΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΡ Π±ΡΠ΄ΡΡ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° Π½ΠΎΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΡΠ±ΠΎΠΉ, ΠΊΡΠΎ ΠΎΠ±ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π°ΡΡΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ Π² ΠΌΠ΅Π½Ρ Β«InstanceΒ» ΡΠ²ΠΈΠ΄ΠΈΡ ΠΎΠ΄ΠΈΠ½ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. ΠΠΎΡΠ»Π΅ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π½Π° ΠΊΠ°Π½Π²Π°ΡΠ΅, ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π½ΡΠΆΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π² ΠΈΠ½ΡΠΏΠ΅ΠΊΡΠΎΡΠ΅.
ΠΠΎΠ»ΡΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ ΡΡΠ°ΡΠ΅ΠΉ ΠΈΡΠΈΡΠ΅ Π² Π½Π°ΡΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅ ΠΈ ΡΠ΅Π»Π΅Π³ΡΠ°ΠΌ-ΠΊΠ°Π½Π°Π»Π΅.
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² Figma | by Kari Sabine Malmin
Kari Sabine Malmin
Β·
Π§ΠΈΡΠ°ΡΡ
ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ Π²
Β·
5 ΠΌΠΈΠ½ΡΡ ΡΡΠ΅Π½ΠΈΡ
Β·
9000 4 2 Π½ΠΎΡΠ±ΡΡ 2022 Π³.
Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Ρ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ·Π½Π°Ρ ΠΎ Figma, ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ
ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² ΠΈ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ. Figma ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ, ΠΈ Ρ Π½Π΅Π΅ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΌΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ ΠΈΡ
ΠΏΠΎΡ
ΠΎΠΆΠΈΠΌΠΈ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ ΠΊΠΎΠ΄Π° ΠΈ CSS.
Π‘ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠΌΠ΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈ ΡΠΎΠΌ ΠΆΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΡΠΉ ΠΈ Π²ΡΠΎΡΠΈΡΠ½ΡΠΉ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. Π ΡΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ:
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈΠ°Π½Ρ Ρ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ
- ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ° Ρ ΠΏΡΠΎΡΡΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ.
ΠΠ°ΡΠ΅ΠΌ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠΎ Π½Π΅ΠΌΡ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Β«ΠΠΎΠ±Π°Π²ΠΈΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΌΠ°ΠΊΠ΅ΡΒ» (ΠΈΠ»ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Shift+A).
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»ΡΡΠΈΡ ΠΎΠ±ΠΎΠ»ΠΎΡΠΊΡ, ΡΡΠΎΠ±Ρ ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΎΡΡΡΡΠΏΡ ΠΈ ΡΠ²Π΅Ρ ΡΠΎΠ½Π°.
ΠΠ°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ²Π΅Ρ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ Π½Π°ΡΡΡΠΎΠΉΡΠ΅ ΠΎΡΡΡΡΠΏΡ.
Π Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ ΡΠ³Π»Ρ, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅.
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Β«Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΒ».
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΠΏΠ΅ΡΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ½ΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΈΠ½Π΅Π³ΠΎ, ΡΡΠΎ ΡΠΈΠ³Π½Π°Π»ΠΈΠ·ΠΈΡΡΠ΅Ρ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ. Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΠΈ Π΅ΡΠ»ΠΈ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π» ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ, ΠΎΠ½ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ Π²Π΅Π·Π΄Π΅, Π³Π΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΠΊ + ΡΡΠ΄ΠΎΠΌ Ρ Π‘Π²ΠΎΠΉΡΡΠ²Π° Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΠ°ΡΠΈΠ°Π½Ρ .
Π’Π΅ΠΏΠ΅ΡΡ Π²ΠΎΠΊΡΡΠ³ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΏΠΎΡΠ²ΠΈΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ°.
ΠΡΠ΅ ΡΠ°Π· ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΠΏΡΠ°Π²ΡΡ Π±ΠΎΠΊΠΎΠ²ΡΡ ΠΏΠ°Π½Π΅Π»Ρ β Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘Π²ΠΎΠΉΡΡΠ²Π° β Π²ΠΎΡ Π²Π°ΡΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ Π΅Π³ΠΎ ΠΈΠΌΡ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ Π½Π°ΡΡΡΠΎΠ΅ΠΊ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ 1 Π½Π° ΠΠ°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈ ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π½Π° ΠΠΎΠΆΡ .
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π²Π°ΡΠΈΠ°Π½Ρ
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²Π°ΡΠΈΠ°Π½Ρ, ΡΠ΅Π»ΠΊΠ½ΡΠ² Π·Π½Π°ΠΊ + ΠΏΠΎΠ΄ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ.
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π΄Π²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΡΠ² ΠΏΠΎ Π½Π΅ΠΉ. Π£Π΄Π΅ΡΠΆΠΈΠ²Π°Ρ Π½Π°ΠΆΠ°ΡΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡΡ Π²ΡΠ±ΠΎΡΠ°, ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΈΠ· ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ ΡΠ°ΠΌΠΊΠΈ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°.
ΠΡΠΎΠ²Π΅ΡΡΡΠ΅ ΠΏΡΠ°Π²ΡΡ Π±ΠΎΠΊΠΎΠ²ΡΡ ΠΏΠ°Π½Π΅Π»Ρ. Π’Π΅ΠΏΠ΅ΡΡ Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ true ΠΈ false Π² ΡΡΠΎΠΌ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΡΡΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½.
ΠΠ°, ΠΎΡΠ»ΠΈΡΠ½ΠΎ! ΠΠ°Π»Π΅Π΅ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ β Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΠΉ.
ΠΠΎΠΊΠ° ΠΌΡ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ β default ΠΈ hover. ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΌΡ Π½Π°ΡΠ½Π΅ΠΌ ΡΠΎ Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ β Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΠΌ ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΊΠ°ΠΊ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ ΡΠ°ΠΌΠΊΡ, Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ + ΡΡΠ΄ΠΎΠΌ ΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π½ΠΎΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠΌΡ ΠΠ²Π΅Π΄ΠΈΡΠ΅ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ β ΡΡΠΎ ΡΠ΄Π΅Π»Π°Π΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π³ΠΎΡΠΎΠ²Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π΅ΡΠ΅ ΡΠ°Π· Π½Π° ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ ΡΠ°ΠΌΠΊΡ, Π° Π·Π°ΡΠ΅ΠΌ Π½Π° ΠΏΠΎΡΠ²ΠΈΠ²ΡΡΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ + — , ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΡΡΠ³ΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΠ΅ ΡΡΠ΅ΡΠ½ΡΠΉΡΠ΅ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ ΡΠ°ΠΌΠΊΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ. Π£ Π½Π°Ρ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΡΠ΄Ρ ΠΈ Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΠ΅ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ.
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ. ΠΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ Π’Π΅ΠΊΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Π ΡΠ΄ΠΎΠΌ Ρ Π²Π²Π΅Π΄ΠΈΡΠ΅ , Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ β Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΠΎΠ±Π°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΠΉ .
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ Hover Π½Π° False ΠΈ ΠΠ²Π΅Π΄ΠΈΡΠ΅ Π½Π° Secondary .
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ° ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΡΡΠ΅ΠΉΠΌΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠ΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΡΠ±ΡΠ°ΡΡ ΠΈΠ· Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠΈΠΏ ΠΊΠ½ΠΎΠΏΠΊΠΈ β ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΡΠΉ ΠΈΠ»ΠΈ Π²ΡΠΎΡΠΈΡΠ½ΡΠΉ.
Π’Π΅ΠΏΠ΅ΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ β ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ Π΄Π»Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΡΠ΅ ΡΠ°Π· ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ Π·Π½Π°ΡΠΎΠΊ +.
ΠΠ°ΡΠ΅ΠΌ Π΄Π²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° Π’Π΅ΠΊΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π½Π° ΠΏΡΠ°Π²ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Hover Π½Π° True ΠΈ Type Π½Π° Secondary.
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡΠΈΠ΄Π°ΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ.
ΠΠ°ΠΊΠΎΠ½Π΅Ρ β Π²ΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. ΠΠ½ΠΎΠΏΠΊΠ° Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌΡΠΌΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ β ΡΠ°ΠΊ ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΏΡΡΠΌΠΎ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π±Π΅Π· ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ/Π²ΡΡΠ°Π²ΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠΎ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ. β¨
ΠΠ°ΡΠΈΠ°Π½ΡΡ — Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Figma — ΠΠΈΠ·Π°ΠΉΠ½+ΠΠΎΠ΄
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΏΠΎΡ ΠΎΠΆΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² Π²Π°ΡΠΈΠ°Π½ΡΡ
Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Figma
1
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Figma
0:54
2
Π Π΅Π΄Π°ΠΊΡΠΎΡ Π² Figma
1:17
3
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ
2:14
4
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΏΠΎΠ²ΠΎΡΠΎΡΠ° ΠΈ ΡΠ³Π»ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΡΡΠ°
1:27
900 02 5
Π¦Π²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈ
1:13
7
Π’Π΅ΠΌΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠ°ΠΌΠΈ
1:17
8
ΠΡΠ°Π΄ΠΈΠ΅Π½ΡΡ
1:36
9000 2 9
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΠ½Π°
2:37
10
Π Π΅ΠΆΠΈΠΌΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ
2:02
11
Π‘Π²ΠΎΠΉΡΡΠ²Π° Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ, ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΈ ΡΠ±ΠΎΡΠΊΠΈ
1:24
12
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΈ ΡΠ³Π»ΠΎΠ²ΠΎΠΉ ΡΠ°Π΄ΠΈΡΡ
2:5 3
13
ΠΡΡΠ΅ΠΊΡΡ ΡΠ΅Π½ΠΈ ΠΈ ΡΠ°Π·ΠΌΡΡΠΈΡ
1:48
14
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
2:00
15
ΠΠ°Π»ΠΈΠ²ΠΊΠ°, ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ° ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ°
3:21
16
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΈ ΡΡΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠ°
1:37
17
Π¨ΡΠΈΡΡΡ Google ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΡΠΈΡΡΡ
1:13
18
Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ
19
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
3:07 900 03
20
ΠΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ
1:11
21
Layout Grid
2:00
22
Auto Layout in Figma
8:17
23
ΠΠ΅ΠΊΡΠΎΡΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ
0:55
24
ΠΠ΅ΠΊΡΠΎΡΠ½Π°Ρ ΡΠ΅ΡΡ
1:19
25
ΠΠΎΠΊΠ°ΠΏΡ Π² ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π΅
2:00
26
3D-ΠΌΠΎΠΊΠ°ΠΏΡ
1:20
27
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
900 02 2:03
28
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ
2:24
29
ΠΠΈΠ·Π°ΠΉΠ½ ΠΈΠΊΠΎΠ½ΠΎΠΊ
1:48
30
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
1:50
31
ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΠ²Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°
2:14 9000 3
32
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΡΡΠΈ
1:59
33
Π€ΠΎΡΠΌΠ° ΠΏΠ΅ΡΠ»ΠΈΡΠ΅Π»Ρ ΠΡΠ±Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
1:41
34
Apple Watch Ring
2:23
35
ΠΠΊΡΠΏΠΎΡΡ ΡΠ΅ΡΡΡΡΠΎΠ² Π² Figma
1:39 9000 3
36
ΠΠΊΡΠΏΠΎΡΡ ΠΊΠΎΠ΄Π° CSS
1:04
37
ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ
1:57
38
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
2:25
39
ΠΡΡΠΎΡΠΈΡ Π²Π΅ΡΡΠΈΠΉ 900 03
1:25
40
ΠΡΠ»ΡΡΠΈΠΏΠ»Π΅Π΅Ρ, ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ΠΈ ΠΏΡΠ΅Π²ΡΡ
1: 36
41
ΠΠ°ΡΠΈΠ°Π½ΡΡ
5:39
42
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
43
UIKits
9000 2 4:47
44
ΠΠ»Π°Π³ΠΈΠ½Ρ
5:47
45
Π€ΠΎΠ½ ΠΊΠ°ΠΏΠ»ΠΈ
4:45
46
Π€ΠΎΠ½ Π²ΠΎΠ»Π½Ρ
6:46
47
Π’ΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠ΅ ΡΠΈΠ³ΡΡΡ
12:27
48
ΠΠ°ΡΠ°Π»Π»Π°ΠΊΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Figma
7:52
49
3D UI Perspective Design
7:16
50
Π‘ΡΠ΅ΠΊΠ»ΡΠ½Π½Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°
9:16
51
Π₯ΡΡΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Ρ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ Π²ΠΎΠ΄Ρ 900 03
12:54
52
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Ρ Π±ΡΠΊΠ²Π°ΠΌΠΈ
29:38
53
Π€ΡΡΡΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ Π»ΠΈΠ½Π΅ΠΉΠ½Π°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ
19:30
54
ΠΠΌΠΏΠΎΡΡ ΠΈΠ· Adobe Illustrator Π² Figma
3:16
55
Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ Π² Figma
4:07
56
Π£Π΄Π°Π»ΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ BG
2:27
57
ΠΡΡΠ³ΠΎΠ²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ Advanced Stroke
3:27
58
ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π΅
4:49
59
ΠΡΠ΅Π²ΡΠ°ΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅ΠΊΡΠΎΡ
3:11
60
ΠΡΠΎΡΠΎΡΠΈΠΏ Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ
3:42
61
Π£Π²Π΅Π»ΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°
62
Advanced Auto Layout
4:13
63
ΠΡΡΠ³ΠΎΠ²ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΠΏΡΡΠΈ
5:57
64
ΠΠ΅ΡΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ
2:39
65
ΠΡΠΎΡΠΎΡΠΈΠΏ Π»ΠΈΠΏΠΊΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
4:37 9 0003
66
ΠΠΈΠ΄Π΅ΠΎ Π² Figma Prototype
67
ΠΡΠ°Π΄ΠΈΠ΅Π½ΡΡ ΡΠ΅ΡΠΊΠΈ
3:03
68
Figma Sections
69
Unsplash Stock Photos
2:07
90 002 70
Π£Π³Π»ΠΎΠ²ΠΎΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ
4:17
71
Π Π°Π΄ΠΈΠ°Π»ΡΠ½ΡΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ
5:11
72
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
73
ΠΠ°ΡΠΊΠ°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
2:53
74
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΠΠΎΡΡΠΈ
3:55
75
ΠΠΈΠ·Π°ΠΉΠ½ ΠΠΊΡΠ°Π½ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ
6:42
76
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°
2:53
77
ΠΠΈΠ·Π°ΠΉΠ½ ΠΡΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΡΠΈΠ»Ρ
2:36
90 002 78
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Β«Π‘ΡΠ΅Π·Β»
79
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ Ρ ΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°
80
ΠΠΈΠ·Π°ΠΉΠ½ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ
81
ΠΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ ΠΎΠΊΠ½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π°
82
ΠΠ°ΠΊΠ΅ΡΠ½ΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅
83
ΠΠ²ΠΎΠ΄Π½ΡΠΉ ΡΠΊΡΠ°Π½ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
84
ΠΡΠΎΡΠΎΡΠΈΠΏ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ
85
Smart Selection
86
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°
87
RedLines
88
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
900 02 89
ΠΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ
90
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΡΠΈΡΡΡ
91
ΠΠ»Π°Π³ΠΈΠ½Ρ AI
92
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΡΠ΅ΠΊΡΡΠ°
93
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ»ΠΎΠ΅Π²
94
ΠΡΠΎΡΠΌΠΎΡΡ ΠΊΠΎΠ½ΡΡΡΠΎΠ² ΡΠ»ΠΎΡ
95
Π‘ΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°
96
ΠΠΊΡΠΏΠΎΡΡ SVG-ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈ ΠΊΠΎΠ΄Π°
97
3D-ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ
98
ΠΠ°ΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
99
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
Π’Π΅ΠΏΠ΅ΡΡ Ρ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΏΡΠΎΡΠ΅ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΡ
ΠΎΠΆΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. . ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, ΡΡΠΎ ΡΡΡΡΠ°Π½ΡΠ΅Ρ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΈΠΌΠ΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅, ΡΠ°Π·ΠΌΠ΅Ρ, ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ, ΠΈ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΠΏΡΠΎΡΠΌΠΎΡΡ.
ΠΠΎΠΊΡΠΏΠΊΠ° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ 50 ΠΊΡΡΡΠ°ΠΌ, Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ 320 ΠΎΠ±ΡΡΠ°ΡΡΠΈΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌ ΠΏΡΠ΅ΠΌΠΈΡΠΌ-ΠΊΠ»Π°ΡΡΠ°, Π±ΠΎΠ»Π΅Π΅ 300 ΡΠ°ΡΠ°ΠΌ Π²ΠΈΠ΄Π΅ΠΎ, ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΡΠ°ΠΉΠ»Π°ΠΌ ΠΈ ΡΠ΅ΡΡΠΈΡΠΈΠΊΠ°ΡΠ°ΠΌ.
Π£ΡΠΈΡΠ΅ΡΡ Ρ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ. ΠΠΎΡΡΡΠΏΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠΈΠΊΠ°ΠΌ Pro.
ΠΠΎΠΊΡΠΏΠΊΠ° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ 50 ΠΊΡΡΡΠ°ΠΌ, Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ 320 ΠΎΠ±ΡΡΠ°ΡΡΠΈΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌ ΠΏΡΠ΅ΠΌΠΈΡΠΌ-ΠΊΠ»Π°ΡΡΠ°, Π±ΠΎΠ»Π΅Π΅ 300 ΡΠ°ΡΠ°ΠΌ Π²ΠΈΠ΄Π΅ΠΎ, ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΡΠ°ΠΉΠ»Π°ΠΌ ΠΈ ΡΠ΅ΡΡΠΈΡΠΈΠΊΠ°ΡΠ°ΠΌ.
Π¨Π°Π±Π»ΠΎΠ½Ρ ΠΈ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄
ΠΠ°Π³ΡΡΠ·ΠΈΡΡ ΠΈΡΡ ΠΎΠ΄Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ
ΠΠ°Π³ΡΡΠ·ΠΈΡΡ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΡΠ΅ΡΡΡΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ Π½ΠΈΠΌ ΠΈ ΡΡΠΈΡΡΡΡ Π² Π°Π²ΡΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅ Π±Π΅Π· ΠΏΠ΅ΡΠ΅ΡΡΠ²Π°.
Π¨Π°Π±Π»ΠΎΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ²
ΠΠΈΠ΄Π΅ΠΎΡΠ°ΠΉΠ»Ρ, ePub ΠΈ ΡΡΠ±ΡΠΈΡΡΡ
ΠΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ
1
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Figma
ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ Figma Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π°
0:54
2
Π Π΅Π΄Π°ΠΊΡΠΎΡ Π² Figma
ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ Figma
1:17
3
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ
ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΠΏΠ°Π½Π΅Π»ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π² Figma
2:14
4
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ·ΠΈΡΠΈΠΈ, ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΏΠΎΠ²ΠΎΡΠΎΡΠ° ΠΈ ΡΠ³Π»ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΡΡΠ° , ΠΏΠΎΠ²ΠΎΡΠΎΡ ΠΈ ΡΠ³Π»ΠΎΠ²ΠΎΠΉ ΡΠ°Π΄ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°
1:27
5
Π¦Π²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈ
Π Π°Π±ΠΎΡΠ° Ρ ΡΠ²Π΅ΡΠΎΠ²ΡΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ Π² Figma
1:13
6
ΠΠ°ΡΠΊΠΈ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈ Π΄Π»Ρ ΠΎΠ±ΡΠ΅Π·ΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Figma
1:47
7
Π’Π΅ΠΌΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠ°ΠΌΠΈ
ΠΠ°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΡ Π΄Π»Ρ ΡΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ° Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠ°ΠΌΠΈ
1:17
8
ΠΡΠ°Π΄ΠΈΠ΅Π½ΡΡ
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° Ρ Π² ΡΠ²ΠΎΠΈ ΡΠ°Π±ΠΎΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠ΅ΠΌΡ ΠΏΡΠΈ ΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ
1:36
9
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΠ½Π°
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠΎΠ½Π° Π² Figma
2:37
10
Π Π΅ΠΆΠΈΠΌΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ
9000 2 ΠΠ·ΡΡΠΈΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΠΏΡΠΈΠ΅ΠΌΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ
2:02
11
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π‘Π²ΠΎΠΉΡΡΠ²Π° ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ, ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΈ ΠΎΡΠΈΡΡΠΊΠΈ
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΈΡΡΠΊΠΈ Π² Figma
1:24
12
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΈ ΡΠ³Π»ΠΎΠ²ΠΎΠΉ ΡΠ°Π΄ΠΈΡΡ
Π Π°Π±ΠΎΡΠ° Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡΠ³Π»ΠΎΠ²ΡΠΌ ΡΠ°Π΄ΠΈΡΡΠΎΠΌ
2:53
13
ΠΡΡΠ΅ΠΊΡΡ ΡΠ΅Π½ΠΈ ΠΈ ΡΠ°Π·ΠΌΡΡΠΈΡ
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ΅Π½Π΅ΠΉ ΠΈ ΡΠ°Π·ΠΌΡΡΠΈΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½
1:48
14
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ 9 0003
Π¨Π°Π³ΠΈ ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Figma
2:00
15
ΠΠ°Π»ΠΈΠ²ΠΊΠ°, ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ° ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ°
Π£Π·Π½Π°ΠΉΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ Π·Π°Π»ΠΈΠ²ΠΊΠ΅ ΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π² Figma
3:21
16
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΈ ΡΡΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠ° 9000 3
Π£Π·Π½Π°ΠΉΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ Π’ΠΈΠΏΠΎΠ²ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Figma
1:37
17
Π¨ΡΠΈΡΡΡ Google ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΡΠΈΡΡΡ
Π£Π·Π½Π°ΠΉΡΠ΅ ΠΎ ΡΠ°Π·Π»ΠΈΡΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΈΡΡΠ°ΠΌΠΈ Google ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ ΡΡΠΈΡΡΠ°ΠΌΠΈ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°
1:13
18
Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ Π°11Ρ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
19
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π² Figma Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°
3:07
20
ΠΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ
Π Π°Π±ΠΎΡΠ° Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡΠΌΠΈ Π² Figma
1:11
21
Π‘Π΅ΡΠΊΠ° ΠΌΠ°ΠΊΠ΅ΡΠ°
ΠΠ°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅ΡΠΎΠΊ, ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΡΡΠΎΠΊ ΠΈ ΠΏΠΎΠ»Π΅ΠΉ.
2:00
22
Auto Layout in Figma
Π Π°Π±ΠΎΡΠ° Ρ Auto Layout Π΄Π»Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
8:17
23
ΠΠ΅ΠΊΡΠΎΡΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ 9000 3
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ° Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π²Π΅ΠΊΡΠΎΡΠ½ΡΡ ΡΠΈΠ³ΡΡ
0: 55
24
ΠΠ΅ΠΊΡΠΎΡΠ½Π°Ρ ΡΠ΅ΡΡ
ΠΠ°ΡΡΠΈΡΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ
1:19
25
ΠΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ²
2:00
26
3D-ΠΌΠ°ΠΊΠ΅ΡΡ
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ 3D-ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π² Π΄ΠΈΠ·Π°ΠΉΠ½
1:20
27
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ Π² Π²Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½
2:03
28
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π·Π½Π°ΡΠΊΠΎΠ²
2:24
29
ΠΠΈΠ·Π°ΠΉΠ½ ΠΈΠΊΠΎΠ½ΠΎΠΊ
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π·Π½Π°ΡΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌΡΡ Figma
1:48
30
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΠ³ΠΎΠ΄Π½ΡΠΌ Π΄Π»Ρ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
1:50
31
ΠΠΎΠ»Π»Π΅ΠΊΡΠΈΠ²Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°
ΠΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²
2:14
32
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΡΡΠΈ
9 0002 Π Π°Π±ΠΎΡΠ° Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Confetti
1:59
33
Π€ΠΎΡΠΌΠ° ΠΏΠ΅ΡΠ»ΠΈΡΠ΅Π»Ρ ΠΡΠ±Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π Π°Π±ΠΎΡΠ° Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Looper Figma
1:41
34
ΠΠΎΠ»ΡΡΠΎ Apple Watch
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ»ΡΡΠ° Apple Watch Π² Figma
2:23
35
ΠΠΊΡΠΏΠΎΡΡ ΡΠ΅ΡΡΡΡΠΎΠ² Π² Figma
Π£Π·Π½Π°ΠΉΡΠ΅ ΠΎΠ± ΡΠΊΡΠΏΠΎΡΡΠ΅ ΡΠ΅ΡΡΡΡΠΎΠ² Π² Figma Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ
1:39
36
ΠΠΊΡΠΏΠΎΡΡ ΠΊΠΎΠ΄Π° CSS
Π Π°Π±ΠΎΡΠ° Ρ ΠΊΠΎΠ΄ΠΎΠΌ CSS Π² Figma
1:04
37
ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ
ΠΠ»Π°Π³ΠΈΠ½Ρ, ΠΏΠΎΠΌΠΎΠ³Π°ΡΡΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° 90 003
1:57
38
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΡΡΡΡΠΎΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΡΠΈΠΊΠ»Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π² Figma
2:25
39
ΠΡΡΠΎΡΠΈΡ Π²Π΅ΡΡΠΈΠΉ
Π Π°Π±ΠΎΡΠ° Ρ ΠΈΡΡΠΎΡΠΈΠ΅ΠΉ Π²Π΅ΡΡΠΈΠΉ Π² Figma 9 0003
1:25
40
ΠΡΠ»ΡΡΠΈΠΏΠ»Π΅Π΅Ρ , ΠΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΌΠΎΡΡ
Π£Π·Π½Π°ΠΉΡΠ΅ ΠΎ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Ρ Figma
1:36
41
ΠΠ°ΡΠΈΠ°Π½ΡΡ
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΏΠΎΡ ΠΎΠΆΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² Π²Π°ΡΠΈΠ°Π½ΡΡ
5:39
42
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²
43
UIKits
ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ UIKits Π² Figma
4:47
44
ΠΠ»Π°Π³ΠΈΠ½Ρ
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² Figma
5:47
45
Π€ΠΎΠ½-ΠΊΠ»ΡΠΊΡΠ°
Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΎΠ½-ΠΊΠ»ΡΠΊΡΠ° Π² Figma
4:45
46
Π€ΠΎΠ½ Ρ Π²ΠΎΠ»Π½ΠΎΠΉ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π²ΠΎΠ»Π½ΠΎΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Figma Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Β«ΠΠ·Π³ΠΈΠ±Β» ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° Β«ΠΠΎΠ»Π½Π°Β»
6:46
47
3D-ΡΠΈΠ³ΡΡΡ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠ΅ ΡΠΈΠ³ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π² Figma
12:27 90 003
48
ΠΠ°ΡΠ°Π»Π»Π°ΠΊΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Figma
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅Ρ Π½ΠΈΠΊΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠΎΠΉ ΠΏΠ°ΡΠ°Π»Π»Π°ΠΊΡΠ°, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π½ΠΈΠΉ ΡΠ»ΠΎΠΈ Π΄Π²ΠΈΠΆΡΡΡΡ Ρ ΡΠ°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡΠΎΡΡΡΡ
7:52
49
ΠΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ 3D-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Ρ
7:16
50
Π‘ΡΠ΅ΠΊΠ»ΡΠ½Π½Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π·ΠΌΡΡΠΈΡ ΡΠΎΠ½Π°
9:16
51
Π₯ΡΡΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Ρ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ Π²ΠΎΠ΄Ρ
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π²ΠΎΠ»Π½ Π² Ρ ΡΡΡΡΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ
12:54
52
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈ ΠΊΠΎΠ΄ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Ρ Π±ΡΠΊΠ²Π°ΠΌΠΈ
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°ΡΡ Π»ΠΈΠ½ΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS Π² CodeSandbox
29:38
53
Π€ΡΡΡΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠ°Ρ Π»ΠΈΠ½Π΅ΠΉΠ½Π°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡΡΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠΎΠ½ Ρ Π»ΠΈΠ½ΠΈΡΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Β«ΠΠ΅ΡΠΎΒ» Π² Figma
19:30
54
90 002 ΠΠΌΠΏΠΎΡΡ ΠΈΠ· Adobe Illustrator Π² Figma
ΠΡΡΡΠΈΠ΅ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ Π΄Π»Ρ ΠΈΠΌΠΏΠΎΡΡΠ° ΡΠ°ΠΉΠ»Π° Illustrator Π² Figma
3:16
55
Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ Π² Figma
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π² Figma Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ Ρ Π½ΡΠ»Ρ
4:07
56
Π£Π΄Π°Π»ΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ BG
Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° RemoveBG Π² Figma ΠΊΠΎΠ½ΡΡΠΎΠ»Π»Π΅Ρ Ρ ΡΠ°ΠΊΡΠΎΠ²ΡΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ Π² Figma
3:27
58
ΠΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π΅
ΠΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π΅ Figma
4:49
59
ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π²Π΅ΠΊΡΠΎΡ
ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π²Π΅ΠΊΡΠΎΡ Π² Figma
3:11
60
ΠΡΠΎΡΠΎΡΠΈΠΏ Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ
ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΡ Π² Π²Π°Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Figma
3:42
61
Hug Content ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΠ±ΡΠ°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°, Π²ΠΊΠ»ΡΡΠ°Ρ ΠΎΠ±ΡΠ΅ΠΌΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π° ΠΈΠ»ΠΈ Π²ΡΡΠΎΡΠ°, ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΈ ΡΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
62
Advanced Auto Layout
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΆΠΈΠΌ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»ΠΎΠ², Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΎΠ»ΡΡΠ°, Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠ°, Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π² ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅
4:13
63
ΠΡΡΠ³ΠΎΠ²ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΠΏΡΡΠΈ
Π‘Π΄Π΅Π»Π°ΡΡ ΠΊΡΡΠ³ΠΎΠ²ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΠΏΡΡΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ARC Π² Figma
5:57
64
ΠΠ΅ΡΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ
ΠΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Figma. 3
ΠΠΈΠ΄Π΅ΠΎ Π² Figma Prototype
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π°Π»ΠΈΠ²ΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π»ΡΠ±ΠΎΠΉ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΈ ΠΊ Π²Π°ΡΠ΅ΠΌΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ 03
Π€ΠΈΠ³ΠΌΠ° Π Π°Π·Π΄Π΅Π»Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°Π·Π΄Π΅Π»Ρ Π² Figma Π΄Π»Ρ Π»ΡΡΡΠ΅ΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ
69
Unsplash Π‘ΡΠΎΠΊΠΎΠ²ΡΠ΅ Π€ΠΎΡΠΎ
ΠΡΡΠ°Π²Π»ΡΠΉΡΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ· Unsplash ΠΏΡΡΠΌΠΎ Π² ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ
2:07
70
Π£Π³Π»ΠΎΠ²ΠΎΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ
ΠΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΡΠ³Π»ΠΎΠ²ΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° Π² Figma
4:17
71
Π Π°Π΄ΠΈΠ°Π»ΡΠ½ΡΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΡΠΊΠΈΡ ΡΠ°Π΄ΠΈΠ°Π»ΡΠ½ΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ² Π² Figma Π΄Π»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
5:11
72
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΡΠΎΡΡΠΎΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ Π² Figma
73
UI-ΠΊΠ°ΡΠΊΠ°Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΠΊΠ°ΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²Π°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ
2:53
74
Lottie Animation Figma Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ²
3:55
75
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠΊΡΠ°Π½Π° ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ
ΠΡΠΎΡΡΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠΊΡΠ°Π½Π° ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Π² Figma Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°
6:42
76
Content Generator
ΠΠΎΠ»Π΅Π·Π½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠΌΠΎΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π²ΡΠ΅ΠΌΡ ΠΌΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ Design Lint
2:36
78
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΡΡΠ΅Π·ΠΎΠ²
ΠΠΊΡΠΏΠΎΡΡΠΈΡΡΠΉΡΠ΅ ΡΠ²ΠΎΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΡΡΠ΅Π·ΠΎΠ² Π² Figma
79
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ Ρ ΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π° Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΌ ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ ΠΈ ΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°
80
ΠΠΈΠ·Π°ΠΉΠ½ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ
ΠΠ·ΡΡΠ΅Π½ΠΈΠ΅ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ
81
ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΡ ΠΎΠΊΠΎΠ½
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ ΠΎΠΊΠ½Π°, ΡΠ»ΡΡΡΠ°ΡΡΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ
82
ΠΠ°ΠΊΠ΅ΡΠ½ΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅
ΠΡΡΡΡΠΎΠ΅ ΠΈ ΠΏΡΠΎΡΡΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°ΠΉΠ»Ρ Π² Figma Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΡΠ»Ρ Batch Rename
83
ΠΠΊΡΠ°Π½ Π°Π΄Π°ΠΏΡΠ°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ° Π΄Π»Ρ ΡΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π°Π΄Π°ΠΏΡΠ°ΡΠΈΠΈ
84
ΠΡΠΎΡΠΎΡΠΈΠΏ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ
85
ΠΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅
ΠΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»ΠΎΠ΅Π² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ
86
Π‘Π²ΠΎΠΉΡΡΠ²Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°
Π£ΠΌΠ΅Π½ΡΡΠΈΡΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π² Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡ ΠΈΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²
87
RedLines
ΠΠ·ΠΌΠ΅ΡΡΠΉΡΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΡΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ Figma ΠΏΠ΅ΡΠ΅Π΄ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ΅ΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° Redlines Figma
88
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² Figma Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ ΠΈ Π½Π°ΠΆΠ°ΡΠΈΡ
89
ΠΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ Figma
90
Variable Fonts
Π£Π·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΡΠΈΡΡΡ Π²Π΅ΡΡΠΈΠ΅ΠΉ Variable Font
91
ΠΠ»Π°Π³ΠΈΠ½Ρ AI
ΠΡΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ AI Π΄Π»Ρ Figma, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»ΡΡΡΡΡ Π³ΡΠ°ΡΠΈΠΊΡ
92
Π’Π΅ΠΊΡΡΠΎΠ²Π°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π΄Π²ΠΈΠΆΡΡΠ΅Π³ΠΎΡΡ ΡΠ΅ΠΊΡΡΠ° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΈ ΠΏΠΎΡΠ»Π΅ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ
93
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ»ΠΎΠ΅Π²
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ»ΠΎΠ΅Π² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΡ
94 90 003
ΠΡΠΎΡΠΌΠΎΡΡ ΠΊΠΎΠ½ΡΡΡΠΎΠ² ΡΠ»ΠΎΠ΅Π²
ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ ΠΊΠΎΠ½ΡΡΡΠ°ΠΌΠΈ ΡΠ»ΠΎΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°
95
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ²
ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π»ΡΠ±ΠΎΠΉ, Ρ ΠΊΠΎΠ³ΠΎ Π΅ΡΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΏΡΠΎΡΠΌΠΎΡΡΡ, ΠΌΠΎΠ³ Π²ΠΈΠ΄Π΅ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ
96
ΠΠΊΡΠΏΠΎΡΡ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈ ΠΊΠΎΠ΄Π° SVG
ΠΠΊΡΠΏΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»Π° SVG ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎ Π²ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ Π² ΠΊΠΎΠ΄ HTML ΠΈ CSS
97
3D-ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ ΠΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠΎΠ΅ΠΊΡΠ°
98
ΠΠ°ΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°
ΠΡΡΠ°Π²ΠΊΠ° Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
99
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
ΠΡΠ΅Π²ΡΠ°ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΠ΅ΠΌΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ ΠΎΠ΄Π½ΠΈΠΌ ΡΠ΅Π»ΡΠΊΠΎΠΌ ΠΌΡΡΠΈ
ΠΠΎΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΎΡΠΎΠΌ
ΠΡ Π²ΡΠ΅ ΡΡΠ°ΡΠ°Π΅ΠΌΡΡ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ Π½Π°ΡΠ΅ΠΌΡ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π³ Π·Π° ΡΠ°Π³ΠΎΠΌ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΠΈ ΠΎΡΠ΄Π°Π²Π°Ρ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ Π½Π°ΡΠΈΡ
ΠΊΡΡΡΠΎΠ².