DesignCode UI

Un kit de UI exhaustivo con cientos de componentes de Figma y plantillas de Framer para crear sitios web modernos.

designcodeui.com

Verificada Plan gratuito

Datos rápidos
Qué es	Un kit de UI exhaustivo con cientos de componentes de Figma y plantillas de Framer para crear sitios web modernos.
Precios	Freemium
Plan gratuito	Sí
Plataforma	Web Application
Ideal para	Building modern website interfaces, Creating design systems for projects
Dominio registrado	2023

Datos actualizados 15 de agosto de 2026

¿Qué hace DesignCode UI?

DesignCode UI es un sistema de diseño exhaustivo que ofrece cientos de componentes de UI listos para usar en Figma y Framer. El kit incluye botones, tarjetas, elementos de navegación y plantillas de páginas completas que están organizadas con variables de diseño, variantes y diseños adaptativos. Todo está estructurado para funcionar sin problemas entre los flujos de trabajo de diseño y desarrollo, lo que facilita mantener la consistencia en los proyectos.

El sistema destaca por sus amplias capacidades de tematización y su organización meticulosa. Con más de 300 componentes, más de 2.000 variantes y 2.116 iconos únicos, los diseñadores pueden ensamblar rápidamente interfaces profesionales sin empezar desde cero. Los componentes están optimizados para la integración con Framer, lo que permite una transición fluida desde el diseño hasta un sitio web funcional. El kit está construido con décadas de experiencia en diseño UI/UX, centrándose en la usabilidad práctica en lugar de en tendencias llamativas.

Esta herramienta es particularmente valiosa para diseñadores UI/UX y desarrolladores web que necesitan crear sitios web modernos y funcionales de manera eficiente. Es ideal para diseñadores freelance que trabajan en proyectos de clientes, equipos de agencias que establecen sistemas de diseño o cualquier persona que cree sitios web con Framer y quiera acelerar su flujo de trabajo manteniendo altos estándares de diseño.

Biblioteca de activos Herramienta de diseño

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

Características principales

Qué la hace destacar

Más de 300 componentes de UI para Figma, organizados al detalle.

Más de 2,000 variantes de Figma, ya con variables y layouts adaptativos.

Más de 2,100 iconos únicos para que tus diseños mantengan siempre la misma línea visual.

Componentes de Framer listos para usar y conectar directamente en tu proyecto.

Un sistema de temas flexible para que personalices los diseños y estilos a tu gusto.

¿Para quién es DesignCode UI?

Quién saca más provecho de esta herramienta

Building modern website interfaces

Creating design systems for projects

Prototyping websites in Framer

Precios

Plan gratuito disponible — empieza sin tarjeta de crédito

Basic

Gratis

50 componentes
Más de 200 variantes de Figma
1,000 iconos únicos
Auto Layout
Solo estilo Glass
Exclusivo para Figma
Actualizaciones de por vida
Proyectos ilimitados
Licencia para un solo usuario

All-Access

$49 pago único

Acceso a los más de 300 componentes
Más de 2,000 variantes de Figma
2,116 iconos únicos
Auto Layout y más de 200 Variables
Estilos Glass, Outline y Flat
Componentes para Figma y Framer
Actualizaciones de por vida
Proyectos ilimitados
Licencia para un solo usuario

Team

$149 pago único

Acceso a los más de 300 componentes
Más de 2,000 variantes de Figma
2,116 iconos únicos
Auto Layout y más de 200 Variables
Estilos Glass, Outline y Flat
Componentes para Figma y Framer
Actualizaciones de por vida
Proyectos ilimitados
Licencia para hasta 5 usuarios

Confianza y presencia

Dominio Dominio registrado en 2023

Galería

Haz clic en cualquier imagen para ampliarla

DesignCode UI — pricing page — Página de precios

Herramientas similares

Figma AI 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.

n8n · claude Sitio del top 1k

Codejet Herramientas para desarrolladores

Convierte diseños de Figma en código listo para producción al instante con IA; incluye editor visual y publicación en un clic

1UI Diseño UI

Herramienta de IA que genera diseños de UI listos para producción a partir de prompts de texto o capturas de pantalla, con exportación directa a Figma y código.

Anima 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

UXMagic.ai Diseño UX

Generador de UI con IA: convierte prompts de texto, imágenes o URLs en diseños para Figma y código en segundos.

Relume Diseñador de sitios web

Busca en nuestra biblioteca de más de 1.000 componentes, cópialos con un clic y pégalos en tu proyecto de Webflow o Figma. También puedes crear componentes para uso personal, clientes o la comunidad de Webflow. Solo tienes que pegar componentes de tu proyecto de Webflow, guardarlos en una carpeta y compartirla con quien quieras.

DesignQA Reportes de errores

Extensión de Chrome con IA que encuentra y corrige errores de UI automáticamente: selecciona el elemento, describe el problema y obtén el código en segundos.

components.ai Generador de diseños

Herramienta de diseño visual para crear componentes y temas responsivos sin código; exporta a React, JSX, SVG, CSS y más