Cabana
Готовый набор UI-китов и полноценная дизайн-система для Figma и Framer. Отличный инструмент, чтобы собирать сайты гораздо быстрее.
| Что это | Готовый набор UI-китов и полноценная дизайн-система для Figma и Framer. Отличный инструмент, чтобы собирать сайты гораздо быстрее. |
|---|---|
| Цены | Paid |
| Бесплатный тариф | Нет |
| Платформа | Web Application |
| Хорошо подходит для | website prototyping, app interface design |
| Домен зарегистрирован | 2024 |
Данные обновлены 1 августа 2026 г.
Что делает Cabana?
Cabana — это продуманная дизайн-система и UI kit для Figma и Framer, которая избавляет от необходимости рисовать всё с нуля. По сути, это огромный набор готовых компонентов, стилей и шаблонов, который превращает создание интерфейсов в своего рода конструктор. Внутри вы найдете тысячи блоков и иконок, которые легко настраиваются под ваши задачи и одинаково удобны как для дизайнеров, так и для разработчиков.
Что здесь действительно круто, так это поддержка всех последних «фишек» Figma: Variables, оптимизация под Tokens Studio и грамотно настроенный Auto-Layout. Каждый элемент имеет свои варианты, а темная тема работает сразу «из коробки». За цвета отвечает проверенная палитра TailwindUI, а типографика идеально адаптируется под любые экраны. Для тех, кто работает в Framer, предусмотрен отдельный набор компонентов, оптимизированный специально под эту платформу.
Cabana станет отличным помощником для UI/UX дизайнеров, веб-разработчиков и продуктовых команд, которым нужно максимально ускорить путь от макета до готового кода. Инструмент особенно полезен фрилансерам и агентствам при работе с клиентами, стартапам для быстрого прототипирования и разработчикам, которым нужен качественный UI без глубокого погружения в дизайн. В итоге вы получаете pixel-perfect результат гораздо быстрее и сохраняете единый стиль во всех своих проектах.
Ключевые возможности
Что выделяет инструментДля кого Cabana?
Кому подходит этот инструментЦены
Everything
- Лицензия на одного пользователя
- Включает всё, что есть в пакетах Figma и Framer
- Бонус: обучающий курс по Tokens Studio от Иана Турка
- Доступ к Slack-сообществу Tokens Studio
- Скидка 25% на годовую Pro-подписку Framer
- Скидка 20% на пожизненную лицензию Supa Palette
- Скидка 10% на пожизненную лицензию Charts Supply
- Скидка 10% на курс Master Gorgeous UI Design от Pablo Stanley
Figma
- Лицензия на одного пользователя
- Включает все версии Cabana для Figma (Variables, Styles, Tokens Studio)
- Более 3300 иконок (Universal + Tabler)
- 630 стилей текста, цветов и эффектов
- 34 примера дизайна для десктопа и мобильных устройств
- Более 3500 дизайн-блоков в Lo/Mid Fidelity (десктоп, планшет и мобильные)
Framer
- Лицензия на одного пользователя
- Включает Cabana для Framer
- Более 200 смарт-компонентов
- Более 6000 Open Source иконок
- Более 200 дизайн-блоков
- Более 170 цветовых стилей
- Более 120 стилей градиентов
- 72 типографических стиля
Доверие и присутствие
Галерея
Нажмите на изображение, чтобы увеличитьАльтернативы в категории Инструменты дизайна
Biorender
Проверено
Инструменты дизайна
Делайте профессиональные научные иллюстрации, графики и слайды для публикаций. Причем никаких навыков дизайна не потребуется.
Похожие инструменты
Figma AI
Проверено
UX-дизайн
Дизайн-токены — это база любой нормальной дизайн-системы. Но давайте будем честны: стандартных стилей в Figma часто не хватает, чтобы прописать всё до мелочей. Этот плагин помогает выйти за рамки привычных настроек и создавать полноценные токены прямо внутри файла или библиотеки Figma. В итоге всё — от свойств элементов до общих констант — остается в идеальном синхроне.
Anima
Проверено
UX-дизайн
Anima помогает создавать UX-дизайны с помощью AI, опираясь на ваши наработки в Figma, гайдлайны бренда или уже работающий сайт. Инструмент подойдет всем: от профессиональных дизайнеров и продакт-менеджеров до тех, кто просто хочет быстро собрать что-то стильное и в рамках брендбука. Если же вы работаете с AI-агентами, Anima позволит им генерировать качественные UX-проекты буквально за один проход. Для этого достаточно промпта, ссылки на Figma или сайта, который нужно клонировать. На выходе вы получаете живой интерактивный playground, где можно докрутить детали вручную, или просто скачиваете готовый результат. Для тех, кто настраивает AI-агентов (OpenClaw, Claude Code, Codex), есть специальный design skill от Anima: https://skill.animaapp.com
Frontender
Проверено
Инструменты разработчика
Плагин для Figma, который мгновенно преобразует слои вашего дизайна в чистый фронтенд-код: HTML, CSS, Tailwind или JSX.
Atomica
Проверено
Генератор цветовых палитр
Полезный AI-плагин для Figma: помогает быстро создавать, структурировать и экспортировать цветовые палитры и целые дизайн-системы.
Feedback Wizard
Проверено
Фидбек по дизайну
Мгновенный фидбек по дизайну прямо в Figma.
Banani
Проверено
UX-дизайн
AI-помощник для дизайна интерфейсов — создавайте интерактивные прототипы по текстовому описанию или изображению за считанные секунды.
CAMIRA AI
Проверено
Дизайн — прочее
Этот AI-инструмент создан специально для профи в креативе, и прямо сейчас ребята работают над обновлением UX, чтобы пользоваться им стало еще приятнее.
Design Buddy
Проверено
Фидбек по дизайну
Ваш личный AI-дизайнер для Canva, Figma и Adobe Express. Инструмент мгновенно анализирует макет, подбирает цвета, проверяет типографику и следит за тем, чтобы интерфейс был доступным для всех пользователей.