/designer
/designer

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