Rayna UI

Готовый набор для Figma: более 6 700 компонентов, шаблонов и стилей. Отличный способ ускорить разработку дизайна для сайтов и приложений, не тратя время на рутину.

Перейти на сайт

raynaui.com

Проверено

Кратко о главном
Что это	Готовый набор для Figma: более 6 700 компонентов, шаблонов и стилей. Отличный способ ускорить разработку дизайна для сайтов и приложений, не тратя время на рутину.
Цены	Paid
Бесплатный тариф	Нет
Платформа	Web Application
Хорошо подходит для	building website prototypes, creating web app interfaces
Домен зарегистрирован	2023

Данные обновлены 1 августа 2026 г.

Что делает Rayna UI?

Если вы работаете в Figma и устали тратить часы на отрисовку однотипных элементов с нуля, присмотритесь к Rayna UI. Это огромная дизайн-система, которая, по сути, берет на себя всю рутину, предоставляя готовые компоненты, шаблоны и стили.

Цифры здесь впечатляют: в наборе более 6 700 компонентов, свыше 20 адаптивных шаблонов для сайтов и почти 4 000 графических ассетов — от иконок и логотипов до иллюстраций. Причем Rayna UI не просто дает «набор кнопок», а предлагает готовые решения под конкретные ниши: SaaS, крипта, недвижимость и образование.

Что мне особенно понравилось, так это внимание к реальным задачам дизайнера. Например, здесь реализована поддержка dark mode: переключить тему можно одним свитчем, так что вам не придется перерисовывать весь интерфейс вручную. Система базируется на дизайн-токенах, переменных и стилях, поэтому визуальный язык проекта остается единым и стройным. Кроме того, в комплекте идут полноценные user flows для веб-приложений — с виджетами, состояниями пустых страниц (empty states) и многостраничными шаблонами.

Кому это будет полезно? В первую очередь UI/UX дизайнерам, фрилансерам и продуктовым командам. Rayna UI идеально подходит для быстрой сборки прототипов, интерфейсов веб-сервисов и экранов мобильных приложений. Все шаблоны полностью кастомизируются и заточены под реальные бизнес-кейсы, так что вы получаете надежный фундамент, который можно докрутить под себя.

Библиотека ассетов

#dark mode#design system#design tokens#prototyping#ui components#website templates

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

Что выделяет инструмент

Более 6 700 готовых компонентов и вариантов для Figma — всё, чтобы собирать дизайн максимально быстро.

Более 20 адаптивных шаблонов для сайтов, подходящих для 7+ разных ниш.

Встроенная темная тема с возможностью быстрого переключения стилей.

Более 3 926 стилей UI, токенов, иконок и иллюстраций.

Специальные наборы инструментов под конкретные ниши: для SaaS, крипты, недвижимости и многих других сфер.

Для кого Rayna UI?

Кому подходит этот инструмент

building website prototypes

creating web app interfaces

designing mobile app screens

Цены

Personal

$79,99 разово

Более 6700 компонентов и их вариантов
Детально проработанные компоненты
Переменные для темной темы
Брендовые переменные
Более 2500 иконок Remix
Более 1000 глобальных стилей
Более 100 градиентов
Более 210 авторских иллюстраций
Более 300 уникальных виджетов и иллюстраций для пустых состояний
Продвинутый Auto Layout v5
Подробная документация и руководства
Пожизненные обновления

Team

$199 разово

Более 6700 компонентов и их вариантов
Детально проработанные компоненты
Переменные для темной темы
Брендовые переменные
Готовые шаблоны сайтов
Более 2500 иконок Remix
Более 1000 глобальных стилей
Более 100 градиентов
Более 210 авторских иллюстраций
Более 300 уникальных виджетов и иллюстраций для пустых состояний
Продвинутый Auto Layout v5
Подробная документация и руководства
Более 200 реальных примеров использования
Пожизненные обновления
Безлимитное количество проектов

Enterprise

$1500 разово

Неограниченное количество пользователей
Более 6700 компонентов и их вариантов
Детально проработанные компоненты
Переменные для темной темы
Брендовые переменные
Готовые шаблоны сайтов
Более 2500 иконок Remix
Более 1000 глобальных стилей
Более 100 градиентов
Более 210 авторских иллюстраций
Более 300 уникальных виджетов и иллюстраций для пустых состояний
Продвинутый Auto Layout v5
Подробная документация и руководства
Более 200 реальных примеров использования
Пожизненные обновления
Безлимитное количество проектов
Персональный аккаунт-менеджер

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

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

Галерея

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

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

Figma AI UX-дизайн

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

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

Relume Дизайн сайтов

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

1UI UI-дизайн

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

UXMagic.ai UX-дизайн

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

Niral.ai Инструменты разработчика

Платформа на базе ИИ, которая превращает макеты из Figma в готовый к продакшену код для React, Angular, Vue или React Native.

Anima UX-дизайн

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

Codia AI Генератор дизайна

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

Feedback Wizard Фидбек по дизайну

Мгновенный фидбек по дизайну прямо в Figma.