Экспорт, плагины и горячие клавиши
Сохраняем элементы из Figma в файлы, знакомимся с полезными плагинами и горячими клавишами.
Экспорт элементов
Выделите любой элемент или фрейм → в правой панели внизу нажмите «+» рядом с «Export» → выберите формат → нажмите «Export».
Формат | Когда использовать |
PNG | Изображения с прозрачным фоном (логотипы, иконки) |
JPG | Фотографии без прозрачности — меньший размер файла |
SVG | Векторная графика — иконки, логотипы. Масштабируется без потери качества. |
Презентации, макеты для печати |
Figma Community — что это?
Community — это библиотека бесплатных ресурсов от дизайнеров всего мира: шаблоны, иконки, плагины, готовые дизайн-системы.
Как открыть: нажмите на иконку планеты в левом верхнем углу или кнопку «Explore Community» на главной странице.
Формат | Когда использовать |
PNG | Изображения с прозрачным фоном (логотипы, иконки) |
JPG | Фотографии без прозрачности — меньший размер файла |
SVG | Векторная графика — иконки, логотипы. Масштабируется без потери качества. |
Презентации, макеты для печати |
Figma Community — что это?
Community — это библиотека бесплатных ресурсов от дизайнеров всего мира: шаблоны, иконки, плагины, готовые дизайн-системы.
Как открыть: нажмите на иконку планеты в левом верхнем углу или кнопку «Explore Community» на главной странице.
3. Нажмите «Copy link» — ссылка скопирована. Отправьте заказчику или коллеге.
Горячие клавиши — основные
Клавиши | Действие |
F | Создать фрейм |
R | Нарисовать прямоугольник |
O | Нарисовать круг |
T | Добавить текст |
2. Нажмите «Copy link» — ссылка скопирована. Отправьте заказчику или коллеге.
Горячие клавиши — основные
Клавиши | Действие |
F | Создать фрейм |
R | Нарисовать прямоугольник |
O | Нарисовать круг |
T | Добавить текст |
V | Инструмент выделения (стрелка) |
Ctrl + Z | Отменить действие |
Ctrl + C / Ctrl + V | Копировать / Вставить |
Ctrl + G | |
Сгруппировать выделенные элементы | |
Ctrl + колёсико мыши | Приблизить / отдалить |
Shift + тянуть за угол | Сохранить пропорции при изменении размера |
Как найти все горячие клавиши В Figma: Main Menu → Help & Account → «Keyboard Shortcuts» (или Ctrl + Shift + ?). Советуем выучить хотя бы первые 5–6 — это значительно ускоряет работу. |
Курс завершён!
Вы прошли 10 уроков по Tilda и 5 уроков по Figma.
Теперь вы умеете создавать сайт-визитку и работать с графическим редактором.
Примеры работ по курсу
