/designer
/designer

Copy as PNG

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

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

image

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

←
Copy as SVG
 Copy as PNG
Copy Link (Frame)
 →

←
Copy as SVG
Copy Link (Frame)
 →

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

image

←
Copy as SVG
Paste over Selection
 →

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

image

←
Copy as SVG
Paste
 →

Как работает

  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.

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