Cabana
Un sistema de diseño y UI kit exhaustivo para Figma y Framer para crear sitios web más rápido.
| Qué es | Un sistema de diseño y UI kit exhaustivo para Figma y Framer para crear sitios web más rápido. |
|---|---|
| Precios | Paid |
| Plan gratuito | No |
| Plataforma | Web Application |
| Ideal para | website prototyping, app interface design |
| Dominio registrado | 2024 |
Datos actualizados 15 de agosto de 2026
¿Qué hace Cabana?
Cabana es un sistema de diseño y UI kit que ofrece componentes, estilos y plantillas preconstruidos para Figma y Framer. Proporciona a diseñadores y desarrolladores un conjunto de herramientas ya listo para crear sitios web e interfaces sin tener que empezar desde cero. El sistema incluye miles de bloques de diseño, iconos y componentes totalmente personalizables optimizados tanto para los flujos de trabajo de diseño como de desarrollo.
La herramienta destaca por su profunda integración de las funciones más recientes de Figma, incluyendo el soporte para Variables, la optimización para Tokens Studio y componentes listos para Auto-Layout. Cada elemento está construido con variantes y es compatible con el modo oscuro de serie. El sistema de color utiliza la popular paleta de TailwindUI, y el sistema de tipografía está diseñado para funcionar en todos los tamaños de pantalla. Para los usuarios de Framer, ofrece un conjunto completo de componentes optimizados específicamente para esa plataforma.
Cabana es ideal para diseñadores de UI/UX, desarrolladores web y equipos de producto que quieran acelerar su proceso de diseño al desarrollo. Resulta particularmente útil para freelancers y agencias que crean sitios web para clientes, startups que prototipan productos rápidamente y desarrolladores que necesitan componentes de UI pulidos sin tener una experiencia profunda en diseño. El sistema ayuda a los usuarios a lanzar diseños pixel-perfect más rápido mientras mantienen la consistencia entre proyectos.
Características principales
Qué la hace destacar¿Para quién es Cabana?
Quién saca más provecho de esta herramientaPrecios
Everything
- Licencia para un solo usuario
- Incluye todo lo de Figma y Framer
- Tutorial de Tokens Studio narrado por Ian Turk
- Acceso a la comunidad de Slack de Tokens Studio
- 25% de descuento en Framer (Suscripción Pro Anual)
- 20% de descuento en Supa Palette (Licencia de por vida)
- 10% de descuento en Charts Supply (Licencia de por vida)
- 10% de descuento en Master Gorgeous UI Design de Pablo Stanley
Figma
- Licencia para un solo usuario
- Incluye *todas* las versiones de Cabana para Figma (Variables, Styles, Tokens Studio)
- Más de 3300 iconos (Universal + Tabler)
- 630 estilos de texto, color y efectos
- 34 ejemplos para Desktop y Mobile
- Más de 3500 bloques de diseño en fidelidad baja y media (Desktop, Tablet y Mobile)
Framer
- Licencia para un solo usuario
- Incluye Cabana para Framer
- Más de 200 Smart Components
- Más de 6000 iconos Open Source
- Más de 200 bloques de diseño
- Más de 170 estilos de color
- Más de 120 estilos de degradado
- 72 estilos de tipografía
Confianza y presencia
Galería
Haz clic en cualquier imagen para ampliarlaAlternativas en Herramienta de diseño
Biorender
Verificada
Herramienta de diseño
Crea figuras científicas, gráficos y diapositivas profesionales para publicaciones, sin necesidad de conocimientos de diseño.
QRmaker
Verificada
Herramienta de diseño
Genera códigos QR dinámicos que puedes editar tras imprimirlos, con opciones de arte con IA y diseños animados.
Herramientas similares
Figma AI
Verificada
Diseño UX
Los design tokens son parte integral de un sistema de diseño. Los estilos de Figma no bastan para crearlos todos. ¡Empieza con los estilos de Figma y ve más allá! Este plugin crea tokens dentro del archivo o librería de Figma para ayudar a mantener sincronizados todos los tokens y las propiedades de los elementos.
Anima
Verificada
Diseño UX
Anima permite generar diseños de UX con IA basándose en Figma, una marca o un sitio web en vivo. Diseñadores, product managers y cualquier persona pueden hacer vibe-code siguiendo la marca con Anima. Para agentes de IA, Anima puede generar proyectos de UX de alta gama en un solo paso, partiendo de: Prompt, Clone website, enlace de Figma. El resultado es un playground en vivo para que el humano haga vibe-code, y también se puede descargar. Anima design skill para agentes (OpenClaw, Claude Code, Codex): https://skill.animaapp.com
Frontender
Verificada
Herramientas para desarrolladores
Plugin de Figma que convierte capas de diseño en código front-end limpio (HTML, CSS, Tailwind, JSX) al instante.
Atomica
Verificada
Generador de paletas de colores
Plugin de Figma con IA para generar, organizar y exportar paletas de colores y sistemas de diseño.
Feedback Wizard
Verificada
Retroalimentación de Diseño
Plugin de Figma que ofrece feedback instantáneo con IA sobre diseños de UI/UX, directamente en tu flujo de trabajo.
Banani
Verificada
Diseño UX
Copilot de IA para diseño de UI: genera prototipos interactivos a partir de descripciones de texto o referencias de imagen en segundos.
CAMIRA AI
Verificada
Diseño
Herramienta de IA diseñada para creativos profesionales, actualmente actualizando su experiencia de usuario.
Design Buddy
Verificada
Retroalimentación de Diseño
Revisor de diseño con IA para Canva, Figma y Adobe Express: recibe feedback instantáneo sobre maquetación, color, tipografía y accesibilidad.