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.

#design system#figma-components#framer-templates#ui-kit#web design

Ключевые возможности

Что выделяет инструмент
01
300+ meticulously organized Figma UI components
02
2,000+ Figma variants with variables and adaptive layouts
03
2,116 unique icons for design consistency
04
Ready-to-use Framer components for direct integration
05
Flexible theming system for customizing layouts and styles

Для кого DesignCode UI?

Кому подходит этот инструмент
Building modern website interfaces
Creating design systems for projects
Prototyping websites in Framer

Цены

Есть бесплатный тариф — можно начать без банковской карты

Basic

Бесплатно
  • 50 компонентов
  • Более 200 вариантов в Figma
  • 1 000 уникальных иконок
  • Поддержка Auto Layout
  • Только Glass стиль
  • Только для Figma
  • Пожизненные обновления
  • Безлимитное количество проектов
  • Лицензия на одного пользователя

All-Access

$49 разово
  • Все 300+ компонентов
  • Более 2 000 вариантов в Figma
  • 2 116 уникальных иконок
  • Auto Layout и более 200 Variables
  • Стили Glass, Outline и Flat
  • Компоненты для Figma и Framer
  • Пожизненные обновления
  • Безлимитное количество проектов
  • Лицензия на одного пользователя

Team

$149 разово
  • Все 300+ компонентов
  • Более 2 000 вариантов в Figma
  • 2 116 уникальных иконок
  • Auto Layout и более 200 Variables
  • Стили Glass, Outline и Flat
  • Компоненты для Figma и Framer
  • Пожизненные обновления
  • Безлимитное количество проектов
  • Лицензия до 5 пользователей

Доверие и присутствие

Домен Домен зарегистрирован в 2023

Галерея

Нажмите на изображение, чтобы увеличить

Похожие инструменты

Figma AI Проверено UX-дизайн

Дизайн-токены — это база любой нормальной дизайн-системы. Но давайте будем честны: стандартных стилей в Figma часто не хватает, чтобы прописать всё до мелочей. Этот плагин помогает выйти за рамки привычных настроек и создавать полноценные токены прямо внутри файла или библиотеки Figma. В итоге всё — от свойств элементов до общих констант — остается в идеальном синхроне.

n8n · claude Топ‑1k сайт

Превращайте макеты из Figma в готовый к продакшену код моментально с помощью AI — включает визуальный редактор и публикацию в один клик.

1UI Проверено UI-дизайн

Этот AI-инструмент превращает текстовые промпты или скриншоты в полноценные UI-дизайны, которые можно сразу пускать в работу. Главный плюс — готовые макеты экспортируются напрямую в Figma или в виде чистого кода.

Anima Проверено UX-дизайн

Anima помогает создавать UX-дизайны с помощью AI, опираясь на ваши наработки в Figma, гайдлайны бренда или уже работающий сайт. Инструмент подойдет всем: от профессиональных дизайнеров и продакт-менеджеров до тех, кто просто хочет быстро собрать что-то стильное и в рамках брендбука. Если же вы работаете с AI-агентами, Anima позволит им генерировать качественные UX-проекты буквально за один проход. Для этого достаточно промпта, ссылки на Figma или сайта, который нужно клонировать. На выходе вы получаете живой интерактивный playground, где можно докрутить детали вручную, или просто скачиваете готовый результат. Для тех, кто настраивает AI-агентов (OpenClaw, Claude Code, Codex), есть специальный design skill от Anima: https://skill.animaapp.com

UXMagic.ai Проверено UX-дизайн

AI-генератор интерфейсов: превращайте текстовые промты, изображения или URL-адреса в готовые Figma-дизайны и код за считанные секунды.

Relume Проверено Дизайн сайтов

Загляните в нашу библиотеку: там больше 1 000 готовых компонентов. Просто копируйте понравившийся элемент одним кликом и вставляйте его в свой проект в Webflow или Figma. Кстати, вы можете создавать свои наборы компонентов — для себя, для клиентов или для всего сообщества Webflow. Всё максимально просто: копируете нужные части из своего проекта в Webflow, сохраняете их в папку и делитесь ссылкой с кем угодно.

DesignQA Проверено Отчеты об ошибках

Крутое расширение для Chrome на базе AI, которое само находит и исправляет баги в UI. Просто выбираете нужный элемент, описываете проблему — и через пару секунд у вас на руках готовый код для фикса.

components.ai Проверено Генератор дизайна

Инструмент для визуального дизайна, который позволяет создавать адаптивные компоненты и темы без написания кода. Экспортируйте результат в React, JSX, SVG, CSS и другие форматы.

Поделиться X LinkedIn Telegram
DesignCode UI Перейти