Description
Duply est une plateforme qui propose des systèmes de design réels documentés sous forme de fichiers DESIGN.md, spécifiquement adaptés pour les agents de codage AI. Les utilisateurs peuvent explorer une bibliothèque soigneusement sélectionnée de systèmes de design, en filtrant par style, industrie, surface, couleur et typographie.
Lire la suite
Une fois un design sélectionné, les utilisateurs peuvent copier un seul fichier DESIGN.md, que leur agent AI utilisera pour construire dans ce langage visuel, garantissant que la sortie est précise et reflète le design choisi.
Le fichier DESIGN.md est un document Markdown unique qui capture un système de design sous forme de tokens structurés. Cela inclut des éléments tels que des couleurs avec des rôles d'utilisation définis, une échelle typographique, un rythme d'espacement, des rayons de bordure, des ombres et des spécifications de composants qui font référence à ces tokens. En utilisant ce format, les agents de codage AI peuvent lire le DESIGN.md et construire des interfaces utilisateur qui respectent le langage de design spécifié, éliminant ainsi les approximations et garantissant un produit final soigné.
L'approche de Duply permet aux utilisateurs de fournir à leurs agents AI un point de départ fonctionnel qui va au-delà des simples aspects visuels du design. La plateforme garantit que chaque écran est construit sur des données fictives, avec des intégrations câblées via une seule invite. Cela signifie que les utilisateurs peuvent s'attendre à une base de code prête pour la production qui s'aligne sur leurs préférences de design dès le départ.
En plus des fichiers DESIGN.md, Duply exporte également des fichiers de tokens Tailwind v4 et CSS-variable prêts à être collés, facilitant ainsi l'implémentation des systèmes de design dans leurs projets. La plateforme documente les systèmes de design de produits réels, permettant aux utilisateurs d'accéder et d'utiliser les langages de design de marques bien connues comme Stripe, Linear et Vercel. Avec Duply, les utilisateurs peuvent construire des applications qui non seulement ont fière allure, mais fonctionnent également de manière transparente au sein de leurs cadres de design souhaités.
- CatégorieOutils de conception UI et UX IA
- Modèle tarifaireGratuit
- DéploiementCloud
- PlateformesClaude Code, Cursor, v0
Fonctionnalités principales de Duply
311 systèmes de design disponibles
Gratuit à utiliser
Format de fichier Markdown unique
Tokens de design structurés
Compatible avec les agents de codage AI
Base de code prête pour la production
Tokens Tailwind v4 et CSS-variable exportables
Bibliothèque de systèmes de design soigneusement sélectionnée
Comment utiliser Duply ?
Parcourir : explorez la bibliothèque de systèmes de design disponibles sur Duply.
Sélectionner : choisissez un design que vous aimez parmi les options sélectionnées.
Copier : utilisez le bouton de copie pour récupérer le fichier DESIGN.md pour votre design choisi.
Intégrer : collez le DESIGN.md dans votre projet et instruisez votre agent AI de le suivre.
Construire : votre agent AI créera des composants UI qui correspondent au langage de design sélectionné.
Cas d'utilisation de Duply
- Développement Web
- Design UI
- Prototypage
- Branding
- Intégration AI
