DesignCode UI
Полноценная дизайн-система с настраиваемыми UI-компонентами и шаблонами для Figma и Framer.
| Что это | Полноценная дизайн-система с настраиваемыми UI-компонентами и шаблонами для Figma и Framer. |
|---|---|
| Цены | Freemium |
| Бесплатный тариф | Да |
| Платформа | Web Application |
| Хорошо подходит для | Building modern website interfaces, Creating design systems for projects |
| Домен зарегистрирован | 2023 |
Данные обновлены 1 августа 2026 г.
Что делает DesignCode UI?
Комплексная дизайн-система с настраиваемыми UI-компонентами и шаблонами для Figma и Framer.
Ключевые возможности
Что выделяет инструментДля кого DesignCode UI?
Кому подходит этот инструментЦены
Есть бесплатный тариф — можно начать без банковской картыBasic
- 50 компонентов
- Более 200 вариантов в Figma
- 1 000 уникальных иконок
- Поддержка Auto Layout
- Только Glass стиль
- Только для Figma
- Пожизненные обновления
- Безлимитное количество проектов
- Лицензия на одного пользователя
All-Access
- Все 300+ компонентов
- Более 2 000 вариантов в Figma
- 2 116 уникальных иконок
- Auto Layout и более 200 Variables
- Стили Glass, Outline и Flat
- Компоненты для Figma и Framer
- Пожизненные обновления
- Безлимитное количество проектов
- Лицензия на одного пользователя
Team
- Все 300+ компонентов
- Более 2 000 вариантов в Figma
- 2 116 уникальных иконок
- Auto Layout и более 200 Variables
- Стили Glass, Outline и Flat
- Компоненты для Figma и Framer
- Пожизненные обновления
- Безлимитное количество проектов
- Лицензия до 5 пользователей
Доверие и присутствие
Галерея
Нажмите на изображение, чтобы увеличитьПохожие инструменты
Дизайн-токены — это база любой нормальной дизайн-системы. Но давайте будем честны: стандартных стилей в Figma часто не хватает, чтобы прописать всё до мелочей. Этот плагин помогает выйти за рамки привычных настроек и создавать полноценные токены прямо внутри файла или библиотеки Figma. В итоге всё — от свойств элементов до общих констант — остается в идеальном синхроне.
Превращайте макеты из Figma в готовый к продакшену код моментально с помощью AI — включает визуальный редактор и публикацию в один клик.
Этот AI-инструмент превращает текстовые промпты или скриншоты в полноценные UI-дизайны, которые можно сразу пускать в работу. Главный плюс — готовые макеты экспортируются напрямую в Figma или в виде чистого кода.
Anima помогает создавать UX-дизайны с помощью AI, опираясь на ваши наработки в Figma, гайдлайны бренда или уже работающий сайт. Инструмент подойдет всем: от профессиональных дизайнеров и продакт-менеджеров до тех, кто просто хочет быстро собрать что-то стильное и в рамках брендбука. Если же вы работаете с AI-агентами, Anima позволит им генерировать качественные UX-проекты буквально за один проход. Для этого достаточно промпта, ссылки на Figma или сайта, который нужно клонировать. На выходе вы получаете живой интерактивный playground, где можно докрутить детали вручную, или просто скачиваете готовый результат. Для тех, кто настраивает AI-агентов (OpenClaw, Claude Code, Codex), есть специальный design skill от Anima: https://skill.animaapp.com
AI-генератор интерфейсов: превращайте текстовые промты, изображения или URL-адреса в готовые Figma-дизайны и код за считанные секунды.
Загляните в нашу библиотеку: там больше 1 000 готовых компонентов. Просто копируйте понравившийся элемент одним кликом и вставляйте его в свой проект в Webflow или Figma. Кстати, вы можете создавать свои наборы компонентов — для себя, для клиентов или для всего сообщества Webflow. Всё максимально просто: копируете нужные части из своего проекта в Webflow, сохраняете их в папку и делитесь ссылкой с кем угодно.
Крутое расширение для Chrome на базе AI, которое само находит и исправляет баги в UI. Просто выбираете нужный элемент, описываете проблему — и через пару секунд у вас на руках готовый код для фикса.
Инструмент для визуального дизайна, который позволяет создавать адаптивные компоненты и темы без написания кода. Экспортируйте результат в React, JSX, SVG, CSS и другие форматы.