Рейтинг в Figma: Инструменты

Arc - это плагин для Figma, позволяющий изгибать текст вверх, вниз или по кругу. Просто выберите текстовый слой, запустите плагин, настройте ползунок и примените результат. Вы можете попробовать плагин бесплатно до 5 раз. После применения кривой, вы сможете редактировать стиль текста, но не сможете изменить путь кривой или перепечатать фразу.

Angle Mockups позволяет применить ваши дизайны экранов к перспективным мокапам. Для работы плагина необходимо создать векторную фигуру экрана, используя инструмент "Перо" (P), с четырьмя углами в определенном порядке: верхний левый, верхний правый, нижний правый, нижний левый. Плагин бесплатен и не требует учетной записи. Для более продвинутого использования предлагается библиотека с более чем 1000 векторных мокапов на Angle.sh.

Генератор Circular Text и Arc Text позволяет создавать текст, расположенный по кругу или дуге. Это полезный инструмент для дизайна логотипов, значков, а также для оформления различных графических элементов, где требуется нестандартное расположение текста. С его помощью можно легко формировать текст, изогнутый вокруг центральной точки, придавая вашим проектам уникальный и привлекательный вид. Инструкции по использованию можно найти в видеоуроках.

Automator – это инструмент, который позволяет создавать пользовательские автоматизации в Figma посредством перетаскивания элементов, что значительно упрощает и ускоряет выполнение рутинных задач. Он предоставляет доступ к более чем 100 действиям, раскрывающим возможности API плагинов Figma, и позволяет автоматизировать трудоемкие процессы одним кликом. Начните использовать Automator, чтобы повысить производительность и сэкономить время при работе в Figma.

Shapes 3D - это плагин для Figma, позволяющий создавать и добавлять 3D-объекты на ваш холст. Он позволяет легко загружать векторные элементы, применять различные материалы для создания реалистичных эффектов, а также настраивать окружение для получения желаемых отражений и визуального стиля. Этот инструмент идеально подходит для дизайнеров, желающих добавить глубину и объем своим проектам.

Automater - это плагин для Figma, объединяющий набор полезных команд для автоматизации рутинных задач. Он позволяет добавлять интерактивности между фреймами, настраивать авто-разметку для слоев, выравнивать и изменять размеры нескольких слоев одновременно. Также предлагает инструменты для работы с объектами: группировка, создание фреймов, объединение, отражение и сброс отражения. Дополнительно, Automater упрощает выбор слоев, включая предыдущие и следующие, и предоставляет базовые возможности для трансформации текста.

Reflect - это универсальный плагин для Figma, позволяющий легко создавать отражения для любых элементов дизайна, таких как фигуры, текст и фреймы. Он позволяет в реальном времени настраивать верхнюю и нижнюю части отражения, добавлять или уменьшать размытие и регулировать прозрачность. Reflect интегрируется в интерфейс Figma и является бесплатным инструментом, который поможет улучшить визуальное восприятие ваших проектов.

Ускорьте разработку плагинов Figma с помощью Inspector, который позволяет легко просматривать и изучать свойства узлов. Просто выберите слой, и его свойства и стили отобразятся на панели инспектора. Каждое свойство имеет кнопку копирования в буфер обмена, что экономит время при поиске нужных свойств для разработки плагина. Этот плагин позволяет просматривать свойства, которые в противном случае пришлось бы искать через console.log.

Illustrator Importer позволяет импортировать файлы Adobe Illustrator (.ai) прямо в Figma и FigJam в виде редактируемых векторных объектов с текстом. Плагин показывает список используемых шрифтов, позволяет установить их для сохранения исходного вида. Импорт осуществляется через систему кредитов, зависящую от размера файла, и не требует регистрации. Предоставляются 2 бесплатных кредита для ознакомления с функционалом.

Плагин Color Blind позволяет дизайнерам имитировать восприятие цвета людьми с различными типами дальтонизма. Выберите фрейм, группу или элемент, откройте плагин, выберите тип нарушения цветового восприятия и мгновенно просмотрите, как ваш дизайн будет выглядеть для человека с этим нарушением. Вы также можете вставить изображение с имитацией дальтонизма прямо в ваш дизайн. Это помогает создавать более доступные и удобные для всех дизайны.

i 3D - это улучшенная версия плагина для создания эффекта перспективы в Figma. Он позволяет трансформировать векторные объекты, фигуры, иконки, текст и иллюстрации в 3D-проекцию. Следует учитывать, что из-за особенностей обработки градиентов в Figma, алгоритм преобразования градиентов при углах, отличных от вертикальных или горизонтальных, может работать не идеально.

Money App - это мощное и удобное приложение для управления личными финансами. Оно позволяет отслеживать доходы и расходы, создавать бюджеты по категориям, анализировать структуру трат и выявлять возможности для экономии. Приложение предоставляет наглядные отчеты и аналитику, помогая принимать взвешенные финансовые решения и достигать поставленных целей. Благодаря интеграции с банками и другим финансовым сервисам, вы получаете полную картину своего финансового положения в реальном времени.

Интерактивная периодическая таблица - это инструмент для изучения химических элементов. С ее помощью можно узнать о группах элементов, запомнить их символы и свойства, а также понять логику, которой руководствовался Менделеев при создании своей системы. Таблица позволяет наглядно исследовать взаимосвязи между элементами и их характеристиками, углубляя понимание основ химии.

Превратите свой 3Dconnexion SpaceMouse в инструмент для панорамирования и масштабирования! Этот драйвер совместим с проводными и беспроводными моделями, обеспечивая интуитивно понятную пространственную навигацию. Настройте скорость панорамирования/масштабирования, инвертируйте оси X/Y/Z и переключайтесь между свернутым и полноразмерным интерфейсом. Идеально подходит для дизайнеров и разработчиков, стремящихся к улучшению рабочего процесса. Исходный код и информация о проекте доступны на GitHub.

Легко управляйте плоттером AxiDraw прямо из Figma. Подготовьте векторное изображение и отправьте его на плоттер одним кликом. Этот плагин позволяет упростить процесс создания рисунков на AxiDraw, избавляя от необходимости использовать сторонние программы. Просто создайте или импортируйте векторную графику в Figma и отправьте её на плоттер для физического воплощения.

Skew To Figma позволяет наклонять выбранные элементы дизайна (фигуры, текст и т. д.) по горизонтали и вертикали с помощью простых слайдеров. Легко настраивайте наклон, наблюдая за изменениями в реальном времени. Если нужно вернуться к исходному состоянию, просто нажмите кнопку "Сброс". Плагин сохраняет все внесенные изменения в вашем проекте Figma.

Игральная кость - это инструмент для случайного выбора, используемый в играх или для принятия случайных решений. Щелкните по кости, чтобы бросить ее! Копируйте и вставляйте, чтобы создать несколько штук. Это полезно для игр или случайного выбора участников для мероприятия.

Chrome Extensions for developers – это набор расширений для браузера Chrome, разработанных специально для нужд разработчиков. Они предоставляют различные инструменты и функциональности, упрощающие и ускоряющие процесс веб-разработки, отладки и тестирования. Эти расширения можно свободно скачивать и использовать, что делает их ценным ресурсом для любого веб-разработчика.

Инструмент Shape Builder позволяет быстро создавать фигуры, используя два режима: добавление (+) и вычитание (-). После создания фигуры, можно либо заменить ею исходный выделенный объект, либо скопировать ее на холст рядом с оригиналом. Операции можно отменять и повторять с помощью стандартных сочетаний клавиш (cmd/ctrl + Z для отмены и cmd/ctrl + shift + Z для повтора).

Perspective - это плагин для Figma, добавляющий глубину и объем вашим дизайнам с помощью перспективных трансформаций и эффектов тени. Он позволяет создавать изометрические и диметрические проекции, настраивать углы и добавлять тени четырех стилей (базовые, сложные, наклонные и без теней) с полным контролем над цветом, направлением и интенсивностью. Perspective идеально подходит для технических иллюстраций, UI-дизайна, изометрических иконок, макетов продуктов, архитектурных диаграмм и игровых активов.

Это open source панель администратора для управления финансами, предоставляющая инструменты для отслеживания доходов и расходов, формирования отчетов и анализа финансовых данных. Она позволяет пользователям настраивать интерфейс и функциональность под свои нужды, а также интегрировать панель с другими финансовыми инструментами и сервисами.

Skew It, Let s Do It позволяет легко искажать элементы или группы элементов в ваших Figma файлах. Просто выберите объект, и используйте удобные слайдеры для настройки угла наклона, наблюдая за результатом в реальном времени. Вы также можете вводить точные значения угла наклона или использовать стрелки для большей точности. Если вам не понравился результат, всегда можно вернуть элемент к исходным значениям. Искажайте свои дизайны легко и быстро!

Интерактивный музыкальный проигрыватель, позволяющий пользователям воспроизводить, приостанавливать, переключать и управлять музыкальными треками. Он обеспечивает удобный интерфейс для прослушивания музыки, создания плейлистов и настройки параметров воспроизведения.

Path Offset - это плагин, позволяющий смещать или отодвигать контуры в графическом редакторе. Он предназначен для создания параллельных линий, обводок или эффектов углубления/выдавливания вокруг существующих фигур. С его помощью легко создавать сложные графические элементы, обводки с переменной толщиной или стилизованные контуры, экономя время и усилия по сравнению с ручным редактированием.

Gradients Lab™ - это незаменимый плагин для Figma, предназначенный для создания, настройки и управления потрясающими градиентами. Он предлагает миллионы готовых пресетов, инструменты для точной настройки зернистости, контрастности, яркости и оттенка, а также предпросмотр в реальном времени. Кроме того, плагин позволяет легко сохранять и экспортировать градиенты в различных форматах, делая процесс создания профессиональных градиентов простым и увлекательным.

Pantone Hub – ваш незаменимый инструмент в Figma для работы с цветами Pantone. Легко просматривайте библиотеки Pantone или подбирайте соответствующие Pantone цвета для ваших собственных. Используйте палитру цветов для выбора из доступных библиотек и добавления цветов на холст в качестве токенов или для прямой покраски выбранных объектов. Функция преобразования цветов позволяет найти ближайшее соответствие Pantone для любого HEX-цвета, что упрощает приведение ваших дизайнов к стандартам Pantone.

Figma to CAD предназначен для импорта и экспорта файлов в формате, совместимом с AutoCAD. Он позволяет экспортировать планы домов в формат DXF для открытия в профессиональных 3D-редакторах, таких как SketchUp и AutoCAD. Также возможен импорт DXF-файлов для дальнейшего редактирования в Figma. Просто выберите чертежи, запустите плагин, экспортируйте DXF, а затем обновляйте выбор и экспортируйте новые файлы.

Figma Translator - это инструмент на базе искусственного интеллекта, который позволяет мгновенно переводить текст в ваших дизайнах Figma на более чем 100 языков. Забудьте о ручном переводе и языковых барьерах! С подпиской от $9.99 в месяц вы получаете неограниченные возможности перевода, что делает ваши проекты доступными для глобальной аудитории.

Обнаружьте скрытые элементы на ваших Figma страницах с Hidden Finder – быстро находите, управляйте и удаляйте их без труда. Он позволяет легко находить любой скрытый элемент, независимо от уровня вложенности. С помощью сгенерированного списка вы можете напрямую показывать или скрывать, удалять или находить эти элементы.

Figma i18n Plugin – это инструмент для управления мультиязычностью в Figma. Он позволяет добавлять, удалять и изменять языки, используемые в вашем проекте, а также применять выбранный язык ко всему тексту. С его помощью можно изменять язык отдельных элементов, экспортировать i18n данные в JSON файлы и импортировать их обратно для быстрого применения локализации. Плагин значительно упрощает процесс интернационализации дизайна.

Adee - это набор инструментов для Figma, помогающий создавать доступные дизайны. Он включает проверку цветового контраста для обеспечения читаемости, симуляцию различных видов цветовой слепоты, автоматическую генерацию альтернативного текста для изображений, проверку размеров интерактивных элементов для сенсорных устройств, генератор HTML-кода с учетом требований доступности и контрольный список стандартов доступности. Adee позволяет убедиться, что ваши проекты удобны для пользователей с ограниченными возможностями.

Isometric Pro позволяет быстро создавать изометрические объекты с поддержкой изометрических преобразований. Этот инструмент упрощает процесс построения объектов в изометрической проекции, обеспечивая удобную настройку перспективы.

Расческа - это инструмент для ухода за волосами, используемый для распутывания, приглаживания и укладки волос. Она помогает распределить натуральные масла по всей длине волос, придать им форму и удалить загрязнения. Расчески бывают разных форм, размеров и материалов, чтобы соответствовать различным типам волос и задачам.

С помощью плагинов и виджетов можно создавать мощные инструменты для Figma, но часто проще разрабатывать компоненты непосредственно в Figma. Этот инструмент преобразует узлы Figma в код JavaScript, TypeScript и JSX, который можно копировать и вставлять в код вашего плагина или виджета. По сути, он предоставляет код, аналогичный тому, что должен отображаться во вкладке "Инспектирование" Figma, что значительно упрощает создание интерфейсов.

MirrorMult – это плагин для Figma, позволяющий создавать симметричные дизайны, используя компоненты для адаптивного зеркалирования и радиального повторения объектов. Он идеально подходит для графических дизайнеров, которым необходимо быстро и легко создавать симметричные композиции, будь то зеркальное отражение по осям или радиальная симметрия. Вы можете выбрать центр симметрии, используя существующий объект или специальный курсор, что дает полный контроль над процессом.

Visual Studio Code Color Mapper позволяет создавать динамические SVG-активы, адаптирующиеся к темам Visual Studio Code. Вы можете сопоставлять цвета слоев в SVG-файлах с CSS-переменными, соответствующими темам VS Code. Инструмент предлагает автоматическое и ручное назначение переменных, а также предпросмотр активов в различных темах. После экспорта вы сможете интегрировать SVG-файлы в расширения VS Code, обеспечивая корректное отображение иконок и графики в любой теме.

FigJam Doodle Pro - это инструмент для создания и редактирования рисунков. Он позволяет масштабировать холст, рисовать от руки, настраивать толщину и цвет линий, заливать фигуры любым цветом или загружать изображения в формате JPG/PNG. Поддерживаются стандартные функции, такие как отмена/повтор действий и выделение объектов.

QR Code Generator позволяет мгновенно создавать векторные QR-коды. Просто введите данные, и сразу же получите живой предпросмотр вашего QR-кода. Доступна интеграция с OpenQR для создания динамически обновляемых QR-кодов. Поддерживаются различные типы QR-кодов: текст, URL, телефонный звонок, SMS и GEO.