Описание
Копіює CSS-атрибути виділеного шару.
Клавиша Mac
Не налашатована
Клавиша Windows
Не налаштована
Путь
⚪️ Меню клієнта macOSРедактор: верх🔵 Левая панель и центр
Группа команд
КМ слояEdit / Copy As
2. File Browser
4. Левая панель
21
Варіант 1. Контекстне меню шару
Рух по лівій панелі та центру редактора←
← Paste to Replace Copy as CSS Copy as SVG →
Paste to Replace
Copy as SVG
← Paste to Replace Copy as SVG →
Paste to Replace
Copy as SVG
Варіант 2. Головне меню Figma
← Copy as Text Copy as SVG →
Copy as Text
Copy as SVG
Варіант 3. Меню клієнта macOS
← Copy as Text Copy as SVG →
Copy as Text
Copy as SVG
Як працює?
- Команду можна застосовувати до шарів будь-якого типу. Вона генерує CSS-код шару і всього його змісту по ієрархії шарів.
- Створюємо текстовий шар інструментом , пишемо текст “Button”.Text
- Обгортаємо його в автолейаут командою , застосовуємо заливання .Add Auto Layout
- Копіюємо отримавшийся фрейм командою Copy As CSS.
- Тепер код фрейму і текстового шару, що міститься в ньому, можна вставити в ICP. Для прикладу вставляємо цей код в новий текстовий шар поруч. ⏹️
Те, що силами CSS неможливо виповнити, буде проігноровано. Так при копіюванні CSS векторного шляху залишаться тілько стиль обведення, ширина і висота.
— освітній телеграм-канал про продуктовий дизайн, інструменти для нього, про кар’єру дизайнера та еміграцію. Помилки та зворотній зв’язок (українська версія)→ @ChristinaElixir @okunev