Descripción
Duply es una plataforma que ofrece sistemas de diseño del mundo real documentados como archivos DESIGN.md, que están específicamente adaptados para agentes de codificación de IA. Los usuarios pueden explorar una biblioteca curada de sistemas de diseño, filtrando por estilo, industria, superficie, color y tipografía.
Una vez que se selecciona un diseño, los usuarios pueden copiar un solo archivo DESIGN.md, que su agente de IA utilizará para construir en ese lenguaje visual, asegurando que la salida sea precisa y refleje el diseño elegido.
El archivo DESIGN.md es un único documento Markdown que captura un sistema de diseño como tokens estructurados. Esto incluye elementos como colores con roles de uso definidos, una escala tipográfica, ritmo de espaciado, radios de borde, sombras y especificaciones de componentes que hacen referencia a esos tokens. Al utilizar este formato, los agentes de codificación de IA pueden leer el DESIGN.md y construir interfaces de usuario que se adhieran al lenguaje de diseño especificado, eliminando la conjetura y asegurando un producto final pulido.
El enfoque de Duply permite a los usuarios proporcionar a sus agentes de IA un inicio funcional que va más allá de los aspectos visuales del diseño. La plataforma asegura que cada pantalla se construya con datos simulados, con integraciones conectadas a través de un solo aviso. Esto significa que los usuarios pueden esperar una base de código lista para producción que se alinee con sus preferencias de diseño desde el principio.
Además de los archivos DESIGN.md, Duply también exporta archivos de tokens de Tailwind v4 y variables CSS listos para pegar, facilitando a los desarrolladores la implementación de los sistemas de diseño en sus proyectos. La plataforma documenta los sistemas de diseño de productos del mundo real, permitiendo a los usuarios acceder y utilizar los lenguajes de diseño de marcas reconocidas como Stripe, Linear y Vercel. Con Duply, los usuarios pueden construir aplicaciones con confianza que no solo se ven bien, sino que también funcionan sin problemas dentro de sus marcos de diseño deseados.
Características principales de Duply
311 sistemas de diseño disponibles
Gratis para usar
Formato de archivo Markdown único
Tokens de diseño estructurados
Compatible con agentes de codificación de IA
Base de código lista para producción
Tokens exportables de Tailwind v4 y variables CSS
Biblioteca curada de sistemas de diseño
¿Cómo usar Duply?
Explorar: explora la biblioteca de sistemas de diseño disponibles en Duply.
Seleccionar: elige un diseño que te guste de las opciones curadas.
Copiar: utiliza el botón de copiar para obtener el archivo DESIGN.md de tu diseño elegido.
Integrar: pega el DESIGN.md en tu proyecto e instruye a tu agente de IA para que lo siga.
Construir: tu agente de IA creará componentes de UI que coincidan con el lenguaje de diseño seleccionado.
Casos de uso de Duply
- Desarrollo Web
- Diseño de UI
- Prototipado
- Branding
- Integración de IA
