Эти плагины точно заслуживают того, чтобы занять почетное место в вашей коллекции!
1. Content Reel
Необходимо заполнить макет контентом? Этот плагин позволяет быстро и легко добавлять в дизайн текстовые компоненты (имена, адреса, телефоны, lorem ipsum и т.д.), аватары и иконки. Всё, что вам нужно сделать, — выбрать один или несколько слоев, затем тип контента из меню и применить его к выбранным слоям. Просто, функционально и значительно облегчает работу.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b797fc34f870c2d9f9157c_65b797e0c6f4c00e94c519cf_7dec3182-dd46-41f5-aeb0-9fc831efb9de-cover.webp)
2. html.to.design
Этот плагин преобразует любой сайт в полностью редактируемый дизайн в Figma.
Как вы можете его использовать:
- Создавать собственные проекты на основе существующих интерфейсов, просто импортируя их HTML-код в Figma.
- Анализировать сайты и создавать мудборды в Figma без единого скриншота.
- Загружать веб-страницы в Figma для совместной работы.
- Улучшать UX-тексты и понимать, как они будут выглядеть на сайте.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b798934dd2b6a4e322d34f_65b7983ebb0e268d7307ec5d_c5a05aa833c483e8b8c4b45a1efd3c26f0190fd1.webp)
3. Fast Isometric
Этот плагин позволяет быстро и легко создавать изометрические иллюстрации: генерировать кубики, дублировать и перемещать их в пространстве, менять цветовую палитру и т.д.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b7992feec26218967d9982_65b798c296bdc600e02c037d_57063da35ea4636774ec2657a01695af799fa14d-cover.webp)
4. FrameHop
Плагин позволяет быстро переключаться между фреймами и компонентами. Все недавно выбранные фреймы, компоненты и варианты компонентов сохраняются в истории. Вы можете добавлять важные элементы в Избранное, чтобы закрепить их в верхней части списка для быстрого доступа.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b799a0cc7fdb94805eef89_65b79978849994bfdb9d363c_1b26255c8151f413e186ba9157d2388406d42620.webp)
5. Vector to 3D
С помощью этого плагина вы можете конвертировать любое векторное изображение в 3D одним щелчком мыши. Создавайте красивые трехмерные иконки, надписи и иллюстрации, даже если вы не специалист в области 3D.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79a1afb4b3b2422cd98a1_65b799d4bb0e268d73090b6a_b55723ffeb62ab80f6e67ba47a664dca9a16eb29.webp)
6. Stark
Stark — идеальный помощник для создания уникальных инклюзивных продуктов. Он отлично справляется с проверкой контрастности, а также включает симулятор дальтонизма.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79cf3bf17c520ea9cf499_65b79a548dfb7354cdd906ff_ab5a29d9bf94abcff4c3f5736cb1c87f60f3ba9c-cover.webp)
7. Unsplash
Unsplash — знаменитая платформа с бесплатными изображениями. Плагин позволяет искать и импортировать качественные фото для личных и коммерческих проектов.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79d9eb0975d18856ebca9_65b79d83b24504db927f9e5b_2a243e76-3bca-4f3a-a775-6fb98b4b78db-cover.webp)
8. Physics animation
Этот плагин позволяет создавать реалистичные, естественные анимации, которые сделают ваши проекты более динамичными. Вы можете настроить такие параметры, как гравитация, трение, эластичность и многие другие, чтобы добиться желаемого эффекта.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79de7c2213b08510d3896_f42e353e5b3fba0660dce47b19a2494e640a9639-cover.gif)
Другие плагины из той же серии:
- parallax — создание эффекта параллакса;
- SVG motion — анимация векторных линий;
- shape move — анимация якорных точек.
9. Autoflow
Плагин, который значительно упрощает работу с макетами. С его помощью вы можете легко соединять фреймы стрелками и создавать пользовательские сценарии, диаграммы или графику.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79e8ea7fe7ad84a2b517b_65b79e69e7f790be386455d9_6d455968c787576d1a621c088b3e7b85d77225c7.webp)
10. Simpleflow
Похож на предыдущий. С помощью этого плагина мы можем вставлять редактируемые коннекторы (стрелки) FigJam в Figma, добавлять к ним аннотации, создавать блок-схемы. Одно из его преимуществ заключается в том, что коннекторы не отвязываются от элементов, а автоматически переносятся вместе с ними.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79f3190ca8888341e2e3f_65b79f192f97540a491f4b40_30209900408c13b1dab24b63d8719dcdb576b93c-cover%201.webp)
11. Iconly Pro
Именно к этому плагину следует обратиться, когда вам нужны иконки для проекта. Коллекция включает более 30000 значков. Все они выполнены в шести стилях, так что вы можете выбрать тот, который подходит вам больше всего. Иконки представлены в формате SVG, поэтому они без проблем масштабируются.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79f7464322b0c21e6d7f5_1_xy6KPsP_cD5-9qYUN78Lnw.gif)
Хорошая альтернатива — Feather Icons.
12. Typescales
Используйте этот плагин, чтобы выстроить правильную типографическую иерархию. Достаточно указать базовый размер шрифта и выбрать нужный коэффициент. Вуаля!
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/65b79fda019a2cc5ee5a8b93_65b79fbfac6fba59af545cf0_c016c497-3589-4d46-b157-e46bf1c391d7-cover.webp)
Спасибо за внимание!