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

Untitled

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

Paste to Replace Copy as CSS Copy as SVG

</aside>

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

Copy as Text Copy as CSS Copy as SVG

</aside>

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

Untitled

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

Untitled

Как работает

  1. Команду можно применять к слоям любого типа. Она генерирует CSS-код слоя и всего его содержимого по иерархии слоёв.
  2. Создаём текстовый слой инструментом Text, пишем текст «Button».
  3. Оборачиваем его в автолейаут командой Add Auto Layout, применяем заливку ‣.
  4. Копируем получившийся фрейм командой Copy As CSS.
  5. Теперь код фрейма и содержащегося в нём текстового слоя можно вставить в IDE. Для примера вставляем этот код в новый текстовый слой рядом. ⏹️