Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² figma: Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG, PNG, PDF, SVG, FIG

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG, PNG, PDF, SVG, FIG

Π’ этой инструкции Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈΠ»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ части вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…:

  • JPG β€” самый популярный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для сохранСния Π»ΡŽΠ±Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ Ρ‚.Π΄.
  • PNG β€” Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ.
  • SVG β€” Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для экспорта ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ Ρ‚.Π΄.
  • PDF β€” Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ.
  • FIG β€” Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Figma, для сохранСния Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€.
  • ΠœΠ°ΡΡΠΎΠ²Ρ‹ΠΉ экспорт β€” ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ сразу ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Ρ„ΠΎΡ‚ΠΎ, ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов Π² прСдставлСнных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… Π²Ρ‹ΡˆΠ΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π΄Π΅Π»Π°Ρ‚ΡŒ дСйствия, Ρ‡Ρ‚ΠΎΠ±Ρ‹ постоянно ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π½Π΅Ρ‚ нСобходимости. ВсС ваши Ρ€Π°Π±ΠΎΡ‚Ρ‹ автоматичСски ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π½Π° сСрвСрах Ρ„ΠΈΠ³ΠΌΡ‹. Π­Ρ‚Π° инструкция Π½ΡƒΠΆΠ½Π° Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ для ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈΠ»ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ элСмСнт для Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ.

Быстрая инструкция ΠΏΠΎ экспорту Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Π€ΠΈΠ³ΠΌΠ΅

Π›ΡŽΠ±ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ„ΠΎΡ‚ΠΎ, Ρ„Ρ€Π΅ΠΉΠΌ, ΠΌΠ°ΠΊΠ΅Ρ‚, Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ экспорта. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Β«ExportΒ» ΠΈΠΊΠΎΠ½ΠΊΡƒ Β«+Β». ПослС этого Π²Ρ‹ смоТСтС Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

НаТав Π½Π° надпись Β«PrewieΒ» Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр экспортируСмого элСмСнта. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ элСмСнт Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Export ΠΠΠ—Π’ΠΠΠ˜Π• Π’Π«Π‘Π ΠΠΠΠžΠ“Πž Π­Π›Π•ΠœΠ•ΠΠ’ΠΒ».

ИзмСнСниС ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° экспортируСмых Ρ„Π°ΠΉΠ»ΠΎΠ²

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ Π² 2 Ρ€Π°Π·Π° мСньшС, Ρ‚ΠΎ стоит Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΌΠ°ΡΡˆΡ‚Π°Π±. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ стоит 1X β€” это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π±ΡƒΠ΄Π΅Ρ‚ сохранятся ΠΎΠ΄ΠΈΠ½ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ.

Если для ΠΌΠ°ΠΊΠ΅Ρ‚Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 1920 x 1000 px, ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 0.5X, Ρ‚ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π± сохранСнного Ρ„Π°ΠΉΠ»Π° Π±ΡƒΠ΄Π΅Ρ‚ Π² Π΄Π²Π° Ρ€Π°Π·Π° мСньшС (960 x 500 px). Аналогично ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ увСличится Π² 2 Ρ€Π°Π·Π°, Ссли ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ 2X.

Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Figma Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бСсплатно 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

Π€ΠΎΡ€ΠΌΠ°Ρ‚ JPG β€” это растровый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ Β«.jpgΒ».

Π€ΠΎΡ€ΠΌΠ°Ρ‚ JPG ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для сохранСния:

  • Π€ΠΎΡ‚ΠΎ.
  • ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ.
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  • Π”ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΏΠΎ экспорту ΠΈΠ· Figma Π² JPG Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ любой ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Figma Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π³ΠΎ. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ возьмСм ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ экран Landing Page. Π’ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ плюсика Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² надписи Β«ExportΒ». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ· списка Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPG. ПослС этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ экспорта ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСсто для сохранСния Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈΠ· Ρ„ΠΈΠ³ΠΌΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG

Π’ΠΈΠ΄Π΅ΠΎ инструкция ΠΏΠΎ экспорту Ρ„ΠΎΡ‚ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ figma.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бСсплатно 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

PNG β€” это растровый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠžΡ‚Π»ΠΈΡ‡ΠΈΠ΅ PNG ΠΎΡ‚ JPG состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡ ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π² PNG Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€:

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для экспорта. Для наглядности возьмСм ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΆΠ΅Π½Ρ‰ΠΈΠ½Ρ‹, которая располоТСна Π² ΠΊΡ€ΡƒΠ³Π΅. НаТмитС плюс рядом с надписью Β«ExportΒ» Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG ΠΈΠ· списка.

Если Π½Π°ΠΆΠΌΠ΅ΠΌ Π½Π° экспорт ΠΈ сдСлаСм прСдпросмотр Π½Π°ΠΆΠ°Π² Π½Π° надпись Β«PrewieΒ», Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния появился Ρ„ΠΎΠ½ Π² Π²ΠΈΠ΄Π΅ ΡˆΠ°Ρ…ΠΌΠ°Ρ‚Π½ΠΎΠΉ доски. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

Экспорт Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бСсплатно 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

SVG β€” это Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ отличаСтся ΠΎΡ‚ растрового, Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ Π½Π΅Ρ‚ пиксСлСй. Если Π²Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚Π΅ JPG ΠΈΠ»ΠΈ PNG, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π·Π΅Ρ€Π½ΠΈΡΡ‚ΠΎΡΡ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ пиксСлСй. Π‘ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ SVG этого Π½Π΅ происходит.

Π’ дальнСйшСм Π²Ρ‹ смоТСтС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эти изобраТСния Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Adobe Illustrator, Inkscape, Affinity Designer, Inscape ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ….

Π€ΠΎΡ€ΠΌΠ°Ρ‚ SVG ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ:

  • Иконки.
  • ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ созданныС Π² Figma с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Β«Shape toolsΒ» (ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ, ΠΊΡ€ΡƒΠ³ΠΈ, Π»ΠΈΠ½ΠΈΠΈ, ΠΌΠ½ΠΎΠ³ΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΈ)
  • Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ.
  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ΅Ρ€Π° ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ° Π² Ρ„ΠΈΠ³ΠΌΠ΅.

Как ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΠ΅ Π² SVG:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ элСмСнты ΠΈΠ· Ρ„ΠΈΠ³ΠΌΡ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт. Π’ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ + Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Β«ExportΒ» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ экспорта. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСсто для сохранСния Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² Π€ΠΈΠ³ΠΌΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF

БКАЧАВЬ 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

PDF ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для экспорта Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΉ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ элСмСнты ΠΈΠ· Ρ„ΠΈΠ³ΠΌΡ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF Π΅ΡΡ‚ΡŒ 2 Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° β€” ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, Π»ΠΈΠ±ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ 1 Ρ„Π°ΠΉΠ» с мноТСством страниц. Рассмотрим ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Экспорт ΠΈΠ· Ρ„ΠΈΠ³ΠΌΡ‹ Π² PDF с мноТСством страниц.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ PDF ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ:

  • ΠŸΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ.
  • Какой-Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ A4.
  • ΠšΠ½ΠΈΠ³Ρƒ.
  • Π‘Ρ€ΠΎΡˆΡŽΡ€Ρƒ.
  • ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ ΠΊΠΈΡ‚.
  • ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Пошаговая инструкция ΠΏΠΎ созданию PDF Ρ„Π°ΠΉΠ»ΠΎΠ²:

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° экспортируСм нСсколько ΠΌΠΎΠΈΡ… Ρ€Π°Π±ΠΎΡ‚ ΠΈ создадим нСбольшоС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ (ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ).

  1. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ экспорт Π² PDF с мноТСством страниц Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° мСню Β«Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€Β» слСва, свСрху.
  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«FileΒ» β€”> Β«Export Frames to PDFΒ» ΠΈ сохранитС Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол.

Π’Π°ΠΆΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π² этом случаС Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ. Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ всС созданныС Π²Π°ΠΌΠΈ Ρ€Π°Π½Π΅Π΅ Ρ„Ρ€Π΅ΠΉΠΌΡ‹ Π² вашСм ΠΈΠ· вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ созданного PDF Ρ„Π°ΠΉΠ»Π° Π² Figma

Экспорт Π² PDF Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… элСмСнтов:

Если Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ элСмСнты ΠΈ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ справа Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ плюсика, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ нСсколько Ρ„Π°ΠΉΠ»ΠΎΠ² Π² PDF ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π’ этом случаС Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ создан Π΅Π΄ΠΈΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² Π²ΠΈΠ΄Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΈΠ»ΠΈ Π±Ρ€ΠΎΡˆΡŽΡ€Ρ‹.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² Π€ΠΈΠ³ΠΌΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ FIG (Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚)

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бСсплатно 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» Π²ΠΎ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Ρ„ΠΈΠ³ΠΌΡ‹ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ Β«.figΒ» свСрху Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«FileΒ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«Save As .fig…».

Π˜ΠΌΠΏΠΎΡ€Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Figma Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Β«.figΒ»

Π€Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Β«.figΒ» ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Ρ„ΠΈΠ³ΠΌΡƒ, Ссли ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π²ΠΎ всС ваши ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Ρ€Π°Π·Π΄Π΅Π» Β«DraftsΒ» ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ. Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠ° Β«ImportΒ» свСрху, справа.

ΠœΠ°ΡΡΠΎΠ²Ρ‹ΠΉ экспорт ΠΈΠ· Figma

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бСсплатно 24 Ρ€Π°Π·Π΄Π΅Π»Π° landing page для figma

Если Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… элСмСнтов ΡƒΠΆΠ΅ Π±Ρ‹Π» Π½Π°ΠΆΠ°Ρ‚ плюсик экспорта, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ массово ΠΈΡ… ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΠΆΠ°Π² Π½Π° сочСтаниС горячих 3 клавиш Β«Ctrl + Shift + EΒ». ΠŸΠΎΡΠ²ΠΈΡ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ экспорта.

Как Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… Π² Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠ°ΠΏΠΊΠΈ ΠΏΡ€ΠΈ экспортС

Если Π²Ρ‹ сохраняСтС Ρ„Π°ΠΉΠ»Ρ‹ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайтов, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΡ… Π½Π° английском языкС. НапримСр Β«WomanΒ», Β«IllustrationΒ» ΠΈ Ρ‚.Π΄.

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΡƒΠΉΡ‚Π΅ слой ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

  • 1/Wooman
  • 2/Landing Page
  • 3/Illustration

Π€Π°ΠΉΠ»Ρ‹ сохранятся Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°ΠΏΠΊΠΈ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ с названиями Β«1Β», Β«2Β», Β«3Β».

Π”Π°Π»Π΅Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ΠΈ для ΠΊΠ°ΠΊΠΈΡ… элСмСнтов ΠΎΠ½ΠΈ подходят.

Π’Π°ΠΆΠ½ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅:

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π°ΡˆΠ΅ΠΌΡƒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ, Ρ‚ΠΎ Π½Π΅Ρ‚ нСобходимости ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ всё Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ (это ΠΏΡ€ΠΎΡˆΠ»Ρ‹ΠΉ Π²Π΅ΠΊ). ΠŸΡ€ΠΎΡ‰Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ссылкой Π½Π° ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ свСрху, справа Β«ShareΒ» (1) ΠΈ скопировав ссылку (2).

Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ вашим ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ. Для этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Β«PlayΒ», свСрху, справа. Π—Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Share prototypeΒ» ΠΈ скопируйтС ссылку Π½Π°ΠΆΠ°Π² Π½Π° Β«Copy linkΒ»

P.S. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π»ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Π² Figma Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ бонусный ΡƒΡ€ΠΎΠΊ быстрому созданию Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Landing Page Π² Figma? Π–ΠΌΠΈΡ‚Π΅ Π½Π° эту ссылку ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ 24 Ρ€Π°Π·Π΄Π΅Π»Π° для прототипирования ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Landing Page Π² Figma.

Автор ΡΡ‚Π°Ρ‚ΡŒΠΈ: Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€ Π§Π΅Ρ€Π½Ρ‹ΡˆΠΎΠ²

P.S. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈ Π°Π²Ρ‚ΠΎΡ€ Π½Π΅ связан с ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Figma (Not affiliated with Figma).

Экспорт Π² Figma (Как Π² Ρ„ΠΈΠ³ΠΌΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² FIG, PDF, JPG, PNG, SVG,)

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ вопросы:

Как Π΄Π΅Π»Π°Ρ‚ΡŒ Π² Figma экспорт элСмСнтов ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏ? КакиС Π²ΠΈΠ΄Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² figma ΠΈ ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π²
Ρ„ΠΈΠ³ΠΌΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ?

Ѐункция экспорта Π² Figma позволяСт Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Π΅Π΄ΠΈΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π°Ρ€Π΅Π·Π°Ρ‚ΡŒ
ΠΌΠ°ΠΊΠ΅Ρ‚
для Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ вСрстки интСрфСйса. Данная функция находится Π²Π½ΠΈΠ·Ρƒ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

Экспорт Π² JPG

Экспорт ΠΌΠ°ΠΊΠ΅Ρ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния JPG являСтся самым популярным. Π’ настройках экспорт Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΎΠΌ
экспорта, Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ суффиксы ΠΊ ΠΈΠΌΠ΅Π½ΠΈ, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ вписан послС ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ
нСсколько вСрсий ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² (вСрсия для ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, для ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, для behance), Ρ‚ΠΎ просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° Π·Π½Π°ΠΊ плюса ΠΈ настройтС
Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ.

Экспорт Π² PDF

По ΠΌΠΎΠ΅ΠΌΡƒ мнСнию Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Π½ΡƒΠΆΠ΅Π½, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² нСсколько Ρ€Π°Π· большС
вСсит, Ρ‡Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. И Ссли Ρƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для чтСния Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° – ΠΎΠ½ просто Π½Π΅ смоТСт ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ.

Но Ρƒ этого Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π΅ΡΡ‚ΡŒ особСнности экспорта:

  1. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°Π±Ρ€Π°Π½ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅;
  2. ВсС Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΏΡ€ΠΎΡ€ΠΈΡΠΎΠ²Ρ‹Π²Π°ΡŽΡ‚ΡΡ идСально нСзависимо ΠΎΡ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° приблиТСния.

Казалось Π±Ρ‹ прСимущСства ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹, Π½ΠΎ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅, Π»ΠΈΡ‡Π½ΠΎ я Π΅Ρ‰Π΅ Π½ΠΈ Ρ€Π°Π·Ρƒ Π½Π΅ сталкивался с ΠΏΡ€ΠΎΡΡŒΠ±ΠΎΠΉ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²
Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF.

Экспорт Π² PSD

ΠžΡ‡Π΅Π½ΡŒ частый вопрос: ΠΊΠ°ΠΊ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ psd Π² Figma, ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ psd Π² Figma? К соТалСнию, Π² Figma Π½Π΅ прСдусмотрСн
экспорт Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Adobe Photoshop. Π’Π°ΠΊ ΠΊΠ°ΠΊ Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏ Π±ΠΎΠ»Π΅Π΅ слоТная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, Ρ‚ΠΎ ΠΈ
ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚Π°Ρ‚ΠΎΡ€ для Π½Π΅Π³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ слоТно Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ мнСнию, просто Π½Π΅ хотят Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π°
Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π”Π° ΠΎΠ½ΠΎ ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ особо, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС большС людСй ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° спСциализированный для
Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° софт.

Экспорт Π² SVG

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

Экспорт Π² HTML

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ экспорта Π² html Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Figma Π½Π΅Ρ‚. Но Π΅ΡΡ‚ΡŒ подсказки для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° Π² Π²ΠΈΠ΄Π΅ свойств ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. Они
находятся Π² Π»Π΅Π²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«CodeΒ». Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ список CSS свойств для вСрстки сайта, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для
Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π½Π° iOS ΠΈ Android.

Один ΠΈΠ· вопросов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΎΠ»Π½ΡƒΠ΅Ρ‚ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: ΠΊΠ°ΠΊ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² Ρ„ΠΈΠ³ΠΌΠ°?

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Figma происходит с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ экспорта Ρ„Π°ΠΉΠ»Π° с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ «.fig». Для этого Π½ΡƒΠΆΠ½ΠΎ Π² Π³Π»Π°Π²Π½ΠΎΠΌ мСню
Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ «Save as».

Π­Ρ‚ΠΎΠΌΡƒ вопросу я посвятил Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½ΠΈΠΆΠ΅.


Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всС инструмСнты Π² Figma, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²? ΠŸΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ интСнсив ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ. Π’Ρ‹ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ вСсь Π΄ΠΈΠ·Π°ΠΉΠ½-процСсс, Π² Ρ‚ΠΎΠΌ числС: Ρ€Π°Π±ΠΎΡ‚Π° Π² Figma, ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ с Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠΎΠΌ, Π°Π½Π°Π»ΠΈΠ· ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π’Π—, ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ Ρ‚. Π΄. Бсылка Π½Π° сайт интСнсива.

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹



  • ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ


    Иконки для Ρ„ΠΈΠ³ΠΌΡ‹. БСрвисы, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ для Figma


    Как Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ сСрвисы, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ.



  • ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ


    ГорячиС клавиши для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Figma. Keyboard shortcuts


    ΠŸΠΎΠ»Π½Ρ‹ΠΉ список горячих клавиш с ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ. УскорСниС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π°Π·Ρ‹.



  • ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ


    Как ΠΏΡ€ΠΎΠΊΠ°Ρ‡Π°Ρ‚ΡŒ сСбя Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅


    ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Π² ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠΈ Π½Π°Π²Ρ‹ΠΊΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°


Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ Π°ΠΊΡ‚ΠΈΠ²Ρ‹ Π½Π° рис.

1:17

3

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ инструмСнты

2:14

4

ПолоТСниС, Ρ€Π°Π·ΠΌΠ΅Ρ€, Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΈ свойства радиуса ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ0003

1:13

7

Π’Π΅ΠΌΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ с Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ Π²Ρ‹Π±ΠΎΡ€Π°

1:17

8

Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹

1:36

9

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π°

2:37

9000 2

Bling.

2:02

11

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, распрСдСлСниС, ΠΈ ΠΏΡ€ΠΈΠ»ΠΈΠ²Π½Ρ‹Π΅ свойства

1:24

12

Боюз ΠΈ ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ радиус

2:53

13

.0003

1:48

14

ИспользованиС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

2:00

15

Π—Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, Ρ…ΠΎΠ΄ ΠΈ ΡƒΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ…ΠΎΠ΄

3:21

16

ВСкстовыС свойства ΠΈ стили

1:37

. 17

Google Fonts and Custom Fonts

1:13

18

Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ

19

ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

3:07

20

ограничСния

1:11

21

0002 Mayout Grid

2:00

22

АвтоматичСская ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π° рис.

8:17

23

Vector Mode

0:55

24

ВСкторная ΡΠ΅Ρ‚ΡŒ

1:19

ВСкторная ΡΠ΅Ρ‚ΡŒ

1:19

1:19

1:19

9

1:19

9000 24

.

Perspective Mockups

2:00

26

3D Mockups

1:20

27

Using Illustrations in Design

2:03

28

Booleans

2:24

29

Design Icon

1:48

30

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

1:50

31

Командная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°

2:14

32

. Π”ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

1:41

34

Apple Watch Ring Dring

2:23

35

ЭкспортныС Π°ΠΊΡ‚ΠΈΠ²Ρ‹ Π² рисмСрС

1:39

36

Экспорт CSS -ΠΊΠΎΠ΄

1:04

.0002 37

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ

1:57

38

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

2:25

39

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ вСрсии

1:25

40

Π£ΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅. 36

41

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹

5:39

42

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

43

4:47

44

5:47

4000 4000 44

5:47

4000 4000 4000 4000

5:47

4000 4000 4000 44

5:47

4000 4000 4000

5:47

4000 4000 44

5:47 9000 2

44

5:47 9000 2

44

.0003

Blob Background

4:45

46

Wave Background

6:46

47

3D Shapes

12:27

48

Parallax Prototyping in Figma

7:52

49

3D Perspection Design

7:16

50

БтСклянный Π·Π½Π°Ρ‡ΠΎΠΊ

9:16

51

Π₯Ρ€ΡƒΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΡˆΠ°Ρ€ΠΈΠΊ с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ эффСкта Π²ΠΎΠ΄Ρ‹

12:54

52

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΊΠΎΠ΄ анимация анимация анимация анимация анимация анимация анимация анимация. с Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

29:38

53

Анимация футуристичСской Π»ΠΈΠ½ΠΈΠΈ

19:30

54

Π˜ΠΌΠΏΠΎΡ€Ρ‚ Adobe Illustrator Π΄ΠΎ Figma

3:16

55

.

56

Π‘Π½ΠΈΠΌΠΈΡ‚Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ BG

2:27

57

ΠšΡ€ΡƒΠ³Π»Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ Π£ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ…ΠΎΠ΄

3:27

58

ΠžΠ‘Π£Π§Π•ΠΠ˜Π• Π”Π›Π― Π‘ΠžΠžΠ‘Π©Π•Π‘Π’Π’Πž

4:49

59

ΠžΠ±Ρ€Π°Π·Π΅Ρ†.0003

3:11

60

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ с содСрТаниСм ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ

3:42

61

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΠΎΠ±ΡŠΡΡ‚ΠΈΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°

62

Advanced Auto Mayout

63

Циркулярный тСкст Π½Π° ΠΏΡƒΡ‚ΠΈ

5:577 70002 63

Circular Texcul

64

Π·Π΅Ρ€ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ

2:39

65

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ прототипирования Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ

4:37

66

Π’ΠΈΠ΄Π΅ΠΎ Π½Π° рис. ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ

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

ΠŸΠΎΠΊΡƒΠΏΠΊΠ° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ доступ ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 50 курсам, Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 320 ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса, Π±ΠΎΠ»Π΅Π΅ 300 часам Π²ΠΈΠ΄Π΅ΠΎ, исходным Ρ„Π°ΠΉΠ»Π°ΠΌ ΠΈ сСртификатам.

Π£Ρ‡ΠΈΡ‚Π΅ΡΡŒ с Π²ΠΈΠ΄Π΅ΠΎ ΠΈ исходными Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. Доступно Ρ‚ΠΎΠ»ΡŒΠΊΠΎ подписчикам Pro.

ΠŸΠΎΠΊΡƒΠΏΠΊΠ° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ доступ ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 50 курсам, Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 320 ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса, Π±ΠΎΠ»Π΅Π΅ 300 часам Π²ΠΈΠ΄Π΅ΠΎ, исходным Ρ„Π°ΠΉΠ»Π°ΠΌ ΠΈ сСртификатам.

Π¨Π°Π±Π»ΠΎΠ½Ρ‹ ΠΈ исходный ΠΊΠΎΠ΄

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ исходныС Ρ„Π°ΠΉΠ»Ρ‹

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ рСсурсы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ Π½ΠΈΠΌ ΠΈ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π² Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π±Π΅Π· ΠΏΠ΅Ρ€Π΅Ρ€Ρ‹Π²Π°.

Π¨Π°Π±Π»ΠΎΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ для всСх Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ²

Π²ΠΈΠ΄Π΅ΠΎΡ„Π°ΠΉΠ»Ρ‹, EPUB and Subtitles

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ всСх Π·Π°Π³Ρ€ΡƒΠ·ΠΎΠΊ

1

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ„ΠΈΠ³ΠΌΠ°

Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ„ΠΈΠ³. 2

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π² Figma

Знакомство с интСрфСйсом Figma

1:17

3

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ инструмСнты

Знакомство с панСлью инструмСнтов Π² Figma

2:14

4

Бвойства полоТСния, Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° ΠΈ ΡƒΠ³Π»ΠΎΠ²ΠΎΠ³ΠΎ радиуса

Π Π°Π±ΠΎΡ‚Π° со свойствами полоТСния, Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° ΠΈ ΡƒΠ³Π»ΠΎΠ²ΠΎΠ³ΠΎ радиуса

1:27

5

Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ стили

Π Π°Π±ΠΎΡ‚Π° с Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ стилями Figma 90

1:13

6

Маски

ΠžΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ использованию масок Π² Figma

1:47

7

Π’Π΅ΠΌΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ с Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠ²0003

1:17

8

Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹

Π Π°Π±ΠΎΡ‚Π° с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ Π½Π° рис.

1:36

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π°

Π€ΠΎΠ½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° рис. Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ интСрСсныС Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² налоТСния

2:02

11

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, распрСдСлСниС ΠΈ свойства очистки

Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ выравнивания ΠΈ очистки Π² Figma

1:24

12

Боюз ΠΈ ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ радиус

Π Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ Боюзом ΠΈ ΡƒΠ³Π»ΠΎΠ²Ρ‹ΠΌ радиусом

2:53

13

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ Ρ‚Π΅Π½ΠΈ ΠΈ размытия

Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ способов Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ‚Π΅Π½Π΅ΠΉ ΠΈ размытия ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

1:48

14

ИспользованиС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΠΈ ΠΏΠΎ использованию ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Figma

2:00

15

Π—Π°Π»ΠΈΠ²ΠΊΠ°, ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ° ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ°

Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ Π·Π°Π»ΠΈΠ²ΠΊΠ΅ ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π² Figma

3:21

16

ВСкстовыС свойства ΠΈ стили

Π˜ΡΡΠ»Π΅Π΄ΡƒΠΉΡ‚Π΅ ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅ ΠΎ свойствах Ρ‚ΠΈΠΏΠ° Ρ„ΠΈΠ³ΡƒΡ€Π°

1:37

17

Google Fonts ΠΈ Custom Fonts

Π˜Π³Ρ€Ρƒ с Ρ„ΠΎΠ½Ρ‚Π°ΠΌΠΈ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

1:13

.

18

Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности

Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ возмоТностСй Π΄ΠΈΠ·Π°ΠΉΠ½Π°

19

Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² Figma с использованиСм ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΈ автоматичСского ΠΌΠ°ΠΊΠ΅Ρ‚Π°

3:0003

20

ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ

Π Π°Π±ΠΎΡ‚Π° с ограничСниями Π² Figma

1:11

21

Π‘Π΅Ρ‚ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π°

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с использованиСм сСток, столбцов, строк ΠΈ ΠΏΠΎΠ»Π΅ΠΉ.

2:00

22

АвтоматичСская ΠΌΠ°ΠΊΠ΅Ρ‚ Π½Π° рис.

. 55

24

Vector Network

Π£Ρ‡ΠΈΡ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ сСти ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

1:19

25

ΠŸΠ΅Ρ€ΡΠΏΠ΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ рСалистичныС ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свои конструкции

2:00

26

. 3D ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ для Π΄ΠΈΠ·Π°ΠΉΠ½Π°

1:20

27

ИспользованиС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ Π² ваш Π΄ΠΈΠ·Π°ΠΉΠ½

2:03

28

Π‘ΡƒΠ»Π΅Π²Ρ‹ значСния0003

ИспользованиС Booleans для проСктирования Π·Π½Π°Ρ‡ΠΊΠΎΠ²

2:24

29

Π”ΠΈΠ·Π°ΠΉΠ½ Π·Π½Π°Ρ‡ΠΊΠΎΠ²

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инструмСнты, прСдоставлСнныС Ρ„ΠΈΠ³ΠΌΠ°

1:48

30

.

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ свой Π΄ΠΈΠ·Π°ΠΉΠ½. с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ².

1:50

31

ΠšΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°

ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ стилСй ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π°

2:14

32

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ„Π΅Ρ‚Ρ‚ΠΈ

Π Π°Π±ΠΎΡ‚Π° с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ 9 Confetti

0003

1:59

33

Looper Shape Duplication

Π Π°Π±ΠΎΡ‚Π° с Looper Figma Plugin

1:41

34

Apple Watch Ring Dring

Экспорт рСсурсов Π² Figma

Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎΠ± экспортС рСсурсов Π² Figma для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ

1:39

36

Экспорт ΠΊΠΎΠ΄Π° CSS

Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ΄ΠΎΠΌ CSS Π² Figma

1:04

37

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ

ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ

1:57

38

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

быстро создайтС Ρ†Π΅Π»Ρ‹ΠΉ ΠΏΠΎΡ‚ΠΎΠΊ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° прилоТСния Π½Π° рисмСрС

2:25

39

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ вСрсий

Π Π°Π±ΠΎΡ‚Π° с историСй вСрсий Π² Figma

1:25

40

ΠœΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ»Π΅Π΅Ρ€, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр

Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎ совмСстной Ρ€Π°Π±ΠΎΡ‚Π΅ ΠΈ совмСстном использовании с Figma

1:36

41

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹

ОбъСдинСниС Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π² Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹

5:39

42

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ взаимодСйствия с использованиСм ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²

9000 43

UIKTISTAIN. Figma

4:47

44

ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹

ИсслСдованиС ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с использованиСм ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² Figma

5:47

45

Π€ΠΎΠ½

Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ простой Ρ„ΠΎΠ½ Blob Π½Π° рис.

4:45

46

Π’ΠΎΠ»Π½ΠΎΠ²Ρ‹ΠΉ Ρ„ΠΎΠ½

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ Π²ΠΎΠ»Π½Ρ‹ Π½Π° Ρ„ΠΈΠ³ΠΌΠ΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инструмСнт Bend ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ Wave

6:46

47

3D Shapes

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹Ρ… Ρ„ΠΈΠ³ΡƒΡ€ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… инструмСнтов Π² Figma

12:27

48

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½ΠΎΠ΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Figma

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ параллакса, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ слои двиТутся с Ρ€Π°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ

7:52

49

3D Perspection Design

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ свой ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Π² 3D пСрспСктиву

7:16

50

Π‘Ρ‚Π΅ΠΊΠ»ΠΎ. 16

51

Π₯Ρ€ΡƒΡΡ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΡˆΠ°Ρ€ с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ с эффСктом Π²ΠΎΠ΄Ρ‹

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΎΠ»Π½Ρ‹ Π² Ρ…Ρ€ΡƒΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΌ ΡˆΠ°Ρ€Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта прототипирования

12:54

52

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ с Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

0002 Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS Π² CodeSandbox. Π˜ΠΌΠΏΠΎΡ€Ρ‚ ΠΈΠ· Adobe Illustrator Π² Figma

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΈΠΌΠΏΠΎΡ€Ρ‚Ρƒ Ρ„Π°ΠΉΠ»Π° Illustrator Π² Figma

3:16

55

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π² Figma

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ инструмСнт Π² Figma для создания ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ с нуля

4:07

56

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ BG

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° RemoveBG Π² Figma

3:27

58

ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² сообщСствС

ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ Ρ„Π°ΠΉΠ»ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² сообщСствС Figma

4:49

59

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Figma Π² Π²Π΅ΠΊΡ‚ΠΎΡ€

3

3:11

60

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ с содСрТимым ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ Π½Π° вашСм Ρ„ΠΈΠ³ΠΌΠ° -ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ΅

3:42

61

ΠžΠ±ΡŠΡΡ‚ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹. ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, фиксированная ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ»ΠΈ высота, ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ заполнСния ΠΈ усСчСниС тСкста

62

Advanced Auto Layout

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠ², Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ холста, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ тСкста, значСния ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅

63

ΠšΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ тСкст Π½Π° ΠΏΡƒΡ‚ΠΈ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ тСкст Π½Π° ΠΏΡƒΡ‚ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° ARC Π² Figma

5:57

64

Π—Π΅Ρ€ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ свои ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π½Π° мобильном устройствС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ мобильного прилоТСния 2:39

65

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΠΈΠΏΠΊΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ

Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΈΠΏΠΊΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ

4:37

66

Π’ΠΈΠ΄Π΅ΠΎ Π² Figma Prototype

2 ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π»ΡŽΠ±ΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ ΡΠ΅Ρ‚ΡŒ Π½Π° вашСм ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ΅

ΠŸΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с инструктором

ΠœΡ‹ всС стараСмся ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ нашСго ΠΌΠ΅Ρ‚ΠΎΠ΄Π° пошагового обучСния, прСдоставляя исходныС Ρ„Π°ΠΉΠ»Ρ‹ ΠΈ отдавая ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π½Π°ΡˆΠΈΡ… курсов.

Π‘ΡƒΡ€ΡŒΡ Ананд

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

3 курса β€” 8 часов

Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ для iOS

ПолноС руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ для iOS 14 с Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

2 часа

Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. БСсплатныС ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ пособия для изучСния Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.

2 часа

Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊ ΠΏΠΎ Figma

ПолноС руководство ΠΏΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΌ совСтам ΠΈ рСкомСндациям ΠΏΠΎ Figma

4 часа

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Figma Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG?

ПослСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 19 ноября 2022 Π³., 6:14

Figma β€” это инструмСнт Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ срСди Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² интСрфСйсов. Одна ΠΈΠ· ΠΏΡ€ΠΈΡ‡ΠΈΠ½ Π΅Π³ΠΎ популярности Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ экспорта ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² PNG.

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Π²Π΅Π±-сайтах ΠΈ ​​в прилоТСниях.

Π€Π°ΠΉΠ»Ρ‹

PNG идСально подходят для использования Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Π° это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ Ρ‚Π΅Ρ€ΡΡŽΡ‚ качСства ΠΏΡ€ΠΈ сТатии. Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° любом Ρ„ΠΎΠ½Π΅. Figma экспортируСт Ρ„Π°ΠΉΠ»Ρ‹ PNG с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 300 Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм, Ρ‡Ρ‚ΠΎ достаточно для использования Π½Π° дисплСях Retina.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»Π° PNG Π² Figma, просто Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Экспорт» Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ интСрфСйса. ΠžΡ‚Ρ‚ΡƒΠ΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«PNGΒ» ΠΈΠ· списка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² экспорта.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ слои ΠΈΠ»ΠΈ ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ½Ρ‹Π΅ области Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² PNG. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Как ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ PNG ΠΈΠ· Figma Π±Π΅Π· экспорта

Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ элСмСнт Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Ρ€Π°Π² ΠΏΡƒΠ½ΠΊΡ‚ мСню.

Π’ Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° Figma скопируСт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG (с максимальной настройкой экспорта ΠΏΡ€ΠΈ условии, Ρ‡Ρ‚ΠΎ Ρƒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π΅ΡΡ‚ΡŒ настройки экспорта). Π­Ρ‚ΠΈ ярлыки Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ:

  • На Mac ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π·Π°ΠΏΡΡ‚ΡƒΡŽ + Shift + c.
  • Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Windows, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Control + Shift + c.

ИзмСнСниС стандарта экспорта PNG

Π‘ Figma Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΊΠ°ΠΊ 32-Π±ΠΈΡ‚Π½Ρ‹ΠΉ PNG, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ модСль RGBA. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ позволяСт Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… пиксСлСй.

МногиС люди ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ PNG, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΡ… качСство сохраняСтся Π·Π° счСт сТатия. НС Ρ‚ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Π½Π΅ Π±Ρ‹Π»ΠΎ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ. ΠŸΡ€ΠΈ использовании Figma для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ люди ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ качСство PNG ΠΏΠ°Π΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ являСтся ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΌ нСдостатком. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ‚ΡƒΡ‚ нСльзя Π²ΠΈΠ½ΠΈΡ‚ΡŒ Figma. Часто Π²ΠΈΠ½ΠΎΠ²Π°Ρ‚ΠΎ сТатиС, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ΅ сСрвСрами, ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΠΈ Π²Π°ΡˆΡƒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ.

ИзмСнСниС настроСк изобраТСния ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ слишком пиксСлизированноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ послС сТатия Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ сСрвСрС.

1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ «Экспорт» справа.

Β 

2. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«+Β».

3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° PNG для изобраТСния.

4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Β«2xΒ». PNG с Π±ΠΎΠ»Π΅Π΅ высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€ экспорта Π² 2 Ρ€Π°Π·Π°. Π’Π°ΠΌ Π½Π΅ придСтся Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ качСство Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ ΡƒΡ…ΡƒΠ΄ΡˆΠΈΡ‚ΡΡ.

5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Экспорт». ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнт Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ мноТитСля пиксСлСй Π² соотвСтствии со своими потрСбностями, Ссли Π²Ρ‹ ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ экспСртом Π² этой Ρ‚Π΅ΠΌΠ΅ ΠΈΠ»ΠΈ Ρƒ вас Π΅ΡΡ‚ΡŒ особыС трСбования ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ.

Figma β€” это простоС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС

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

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎ сдСлан простым.