Как быстро создать набор визиток, найти нужный логотип и выделить одинаковые объекты.
В Figma отсутствуют встроенные функции для автоматизации работы. Например, вам придется вручную копировать и вставлять 200 имен в свои макеты визиток из таблицы, хотя было бы проще синхронизировать её с макетом. Избавиться от этой рутинной работы помогут плагины, которые расширяют возможности графического редактора.
Рассмотрим плагины для Figma, которые помогут вам автоматизировать рутинные задачи и сэкономить время.
Автозамена слова во всем проекте
Find and Replace
Когда мелкая ошибка в тексте встречается сразу во всех макетах приложения, исправлять её вручную очень сложно.
Чтобы быстро исправлять мелкие опечатки в тексте, установите плагин Find and Replace. Он добавит в Figma функцию автозамены, позволяющую полностью заменить одно слово на другое.
Как пользоваться
- Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню выберите Plugins и затем Find and Replace.
- В появившемся окне в верхнем поле напишите текст, который нужно найти на макете, а в нижнем — на что его нужно заменить.
- Нажмите кнопку Replace, чтобы менять каждый текстовый блок отдельно, или Replace all, чтобы заменить всё сразу.
Добавить готовые данные из таблиц
Google Sheets Sync
При вёрстке страницы магазина приходится бесконечно копировать и вставлять названия товаров, ценники и фотографии. Особенно обидно, если это всё есть у клиента в формате таблицы, которую нельзя просто так подключить к Figma.
Избавьтесь от этой ручной работы с помощью плагина Google Sheets Sync. Он позволяет добавить готовые данные из таблиц, а не заниматься этим вручную.
Как пользоваться
- Создайте таблицу в Google Sheets. Для примера, подготовьте её под визитки, добавив колонки с названиями name, position и mail. Заполните их данными и откройте доступ на редактирование.
- В Figma создайте макет визитки, добавив три текстовых модуля с именами, соответствующими колонкам в таблице, но с хештегом в начале: #name, #position и #mail. Так плагин поймёт, какие данные и куда добавлять.
- Сделайте несколько копий своей визитки, например, 20. Заполненных визиток будет столько, сколько строк в таблице.
- Выделите все свои визитки, нажмите правой кнопкой мыши на макет, в выпадающем меню выберите Plugins и затем Google Sheets Sync.
- В появившемся окне вставьте ссылку на таблицу и нажмите кнопку Fetch & Sync. Все визитки заполнятся данными из таблицы.
Быстро выбрать все блоки макета с одинаковыми параметрами
Similayer
В Figma есть возможность выделять похожие объекты, но она сильно ограничена. Например, нельзя искать кнопки с одинаковым цветом и размером.
Чтобы избежать долгого поиска вручную, установите плагин Similayer. Он позволит быстро выбрать все блоки макета с одинаковыми параметрами и изменить их.
Как пользоваться
- Скачайте плагин по ссылке.
- Откройте Figma, выберите объект с нужными свойствами, нажмите на него правой кнопкой мыши, в контекстном меню выберите пункт Plugins и затем Similayer.
- В новом окне укажите критерии для поиска одинаковых элементов. Обратите внимание на опцию Limit selection with root frame — при её активации плагин будет искать похожие элементы только внутри текущего фрейма.
- Нажмите кнопку Select layers и измените выделенные блоки.
Все необходимые логотипы
Brandfetch
Часто приходится искать в интернете различные логотипы для использования на промостраницах ссылок на соцсети или партнёров клиента. Обычно это занимает много времени, так как не всегда легко найти изображения высокого качества.
Чтобы ускорить процесс, используйте плагин Brandfetch, в котором, скорее всего, уже есть все необходимые логотипы.
Как пользоваться
- Откройте Figma, нажмите правой кнопкой мыши на макет, в контекстном меню выберите пункт Plugins и затем Brandfetch.
- В новом окне введите название нужной компании в поисковую строку.
- Выберите логотип — он сразу появится на макете в формате SVG. При необходимости вы можете изменить фирменные цвета прямо в плагине.
Множество бесплатных наборов иконок
Iconify
Этот плагин работает аналогично Brandfetch, но предназначен для иконок. В плагине содержится множество бесплатных наборов иконок в формате SVG, которые можно сразу использовать в макете.
Как пользоваться
- Откройте Figma, нажмите правой кнопкой мыши на макет, в контекстном меню выберите пункт Plugins и затем Iconify.
- В новом окне выберите нужный набор иконок или введите её название в поисковую строку.
- Выберите нужную иконку и нажмите кнопку Import Icon.
Хотите стать экспертом в создании сайтов?
Присоединяйтесь к нашему онлайн-курсу "Дизайнер сайтов на Тильде" и раскройте свой потенциал. Узнайте больше и зарегистрируйтесь по ссылке.
В этой статье собрали подборку макетов для бесплатного использования https://dzen.ru/a/ZkJD4Z9mnDDDASOt
А здесь собрали для вас отличную подборку бесплатных 3D персонажей, которые идеально подойдут для использования в дизайне на платформе Figma https://dzen.ru/a/ZkJpRgehvQnTPhi5
В этой статье мы рассказали о том, как выбрать идеальный шрифт для вашего дизайна https://dzen.ru/a/ZkISCZWqITLyNX09