Copy as PNG

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

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

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

Copy as SVG Copy as PNG Copy Link (Frame)

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

Copy as SVG Copy as PNG Paste

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

image

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

image

Как работает

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

image

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

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

/designer/designer

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