Мой Справочник | WEB-DESIGN | Figma

Figma

figma.com - бесплатный графический онлайн-редактор (интеграция с google при логине)

Есть десктопное приложение (скачать Mac, Win)


Старт проекта: New project -> New file (or Import Scetch, Jpeg, Png)

Начало работы:

В этом редакторе весь дизайн можно хранить на одном полотне

  1. Создаём нужные фреймы (F)
  2. Создаём колоночную сетку при необходимости (Layout grid)
  3. Настраиваем сетку

Горячие клавиши

Frame F
Экспорт Ctrl + Shift + E
Pick color tool I
Линейки Shift + R
Клонирование Alt + ЛКМ
Set Default Styles Ctrl + Alt + X
Copy Styles Ctrl + Alt + C
Paste Styles Ctrl + Alt + V

Меню

  1. Вернуться к каталогу проекта

    Menu --- Back to Files

Интерфейс

Меню, панель инструментов и список слоёв

figma

Проект/Файл

figma

Меню пользователя

figma

Панель настроек

figma

Переключатель слои/компоненты

figma