Copy as PNG

Описание
Копирует выделенный фрагмент как PNG в буфер. Удобно для дальнейшей вставки в Notion или Telegram. Работает, если выделен слой.
Клавиша Mac
ShiftCmdC
Клавиша Windows
ShiftCtrlC
Путь
⚪️ Меню клиента macOSРедактор: верх🔵 Левая панель и центр
Группа команд
КМ слояEdit / Copy As
1. File Browser
4. Левая панель
23

Вариант 1. Контекстное меню слоя

image

Движение по меню клиента macOS

Copy as SVG
Copy as PNG
Paste

🔵
Движение по левой панели и центру редактора

Copy as SVG
Copy as PNG
Copy Link (Frame)

Вариант 2. Главное меню Figma

image

Вариант 3. Меню клиента macOS

image

Как работает

  1. Создаём окружность инструментом
    Ellipse
    Ellipse
    .
  2. Рисуем в ней галочку при помощи
    Pen
    Pen
    . Делаем векторному пути
    Outline Stroke
    .
  3. Оборачиваем окружность фреймом,
    Frame Selection
    .
  4. Копируем фрейм командой Copy as PNG. Теперь код фрейма с окружностью и галочкой в нём можно вставить куда необходимо в виде растрового изображения.
  5. Для примера вставляем его рядом. ⏹️

image

Если у слоя нет признака экспорта, по умолчанию Figma копирует содержимое в масштабе 2х. Если фрейм был 32 х 32 dp, итоговый PNG будет 64 х 64 px.

Если есть, подстраивается под наибольший из заданных признаков экспорта.

— образовательный телеграм-канал о продуктовом дизайне и инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev