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

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

← Copy as CSS Copy as SVG Copy as PNG →

</aside>

<aside> ⚪ Движение по меню клиента macOS

← Copy as CSS Copy as SVG Copy as PNG →

</aside>

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

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

Как работает Copy as SVG

Команду можно применять к слоям любого типа. Она генерирует SVG-код слоя и всего его содержимого по иерархии слоёв.

1. Создаём окружность инструментом Ellipse.

2. Рисуем в ней галочку при помощи Pen. Делаем векторному пути Outline Stroke.

3. Оборачиваем окружность фреймом, Frame Selection.

4. Копируем фрейм командой Copy as SVG. Теперь код фрейма с окружностью и галочкой в нём можно вставить в IDE.

   Для примера вставляем этот код в новый текстовый слой рядом. Чтобы создать его, используем инструмент Text. ⏹️