/designer
/designer

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