Apsida

Design: макеты, компоненты и компоновка

  1. Выберите инструмент на нижней панели (фрейм, прямоугольник, текст, соединитель…) и рисуйте на холсте.
  2. Иконки: вкладка Ресурсы › Иконки, более 1500 иконок Font Awesome (заливка или контур) — найдите, щёлкните или перетащите; каждая становится редактируемым контуром.
  3. Превратите фрейм в компонент, чтобы переиспользовать кнопку или карточку: копии повторяют его изменения.
  4. В инспекторе «Компоновка» располагает элементы фрейма в строку, столбец или сетку; «Привязка» задаёт их поведение при изменении размера фрейма.
  5. Проведите по значку поля (X, Ш, В…), чтобы изменить значение, и дважды щёлкните по имени, чтобы переименовать.
  6. Экспортируйте страницу или элемент в PNG, SVG или PDF через правый клик.
  7. С Figma: копируйте (⌘C) в одной программе и вставляйте (⌘V) в другой, в обе стороны; «Другие действия › Импортировать файл Figma (.fig)» переносит весь файл по страницам.
  8. Также: логические операции и маски (правый клик), варианты компонентов, переменные с режимами, псевдонимами и формулами (вкладка «Ресурсы» › «Управлять» или кнопка «Переменная» рядом со значением в инспекторе; импорт и экспорт JSON), прототип и презентация (▶), линейки (Shift+R), измерения с Alt, код CSS в «Инспекторе».

Не нашли ответ? Напишите нам