Définir une direction
Décrivez l'audience, les références visuelles, les formats et les contraintes.
Donnez à votre idée un langage visuel.
Créez des packs de design avec des assets réutilisables, des tokens de design et des exports structurés pour l'étape suivante de votre projet.
Du brief au résultat.
Créer un ensemble cohérent
Générez ensemble des ressources de design et des informations de style réutilisables.
Examinez les exports
Inspectez les fichiers et les vérifications de sortie, puis affinez les éléments qui nécessitent un ajustement plus précis.
Un pack de design est un livrable créatif. Choisissez une création de site web ou d'application si vous avez également besoin d'un produit fonctionnel.
D'une direction visuelle à un système de design réutilisable.
Découvrez l'identité, les composants et les fichiers qui transposent le design dans votre prochain projet.
Trouver le langage visuel
Faites appartenir l'identité à votre idée.
Décrivez l'audience, le caractère et les contextes dans lesquels le design doit fonctionner. L'IA développe un pack de design autour de ce brief : une identité de marque, un système d'interface, un ensemble d'illustrations ou une autre collection prise en charge. Examinez ensemble la palette, la typographie et la logique pour que les différents éléments se répondent.
- Donnez à l'IA des références visuelles et des contraintes pratiques.
- Examinez le logo, la typographie et la palette comme une seule identité.
- Demandez des modifications de la direction avant de passer les ressources en production.
Construire le système
Faites en sorte que les détails fonctionnent ensemble.
Pour les packs de design d'interface, des tokens réutilisables relient les styles de couleur, de typographie, d'espacement et de composants. Une fiche de composants rendue montre les contrôles dans leurs états pertinents. La plateforme vérifie la structure des tokens, le contraste et la cohérence des composants, tandis que la revue de design évalue dans quelle mesure le pack répond au brief.
- Inspectez les boutons, les champs et les autres composants réutilisables.
- Examinez les états de focus, désactivé et d'erreur aux côtés de l'apparence par défaut.
- Utilisez les tokens partagés pour transposer le même style dans l'implémentation.
Aller de l'avant
Gardez les ressources derrière le design.
Ouvrez un aperçu du pack et suivez ses liens vers les livrables. Selon le brief, ceux-ci peuvent inclure des fichiers vectoriels sources, des exports raster, une feuille de composants, des tokens de design et un guide de marque. Lorsque l'export Figma modifiable est activé et connecté, utilisez le lien de transfert généré si cet export aboutit.
- Consultez la liste des fichiers et l'usage prévu de chaque livrable.
- Intégrez les ressources réutilisables et les tokens à votre flux de design ou de développement.
- Vérifiez le rapport d'export avant de considérer un fichier ou une intégration comme livré.
Le processus
Gardez le travail connecté.
Décrire le résultat
Précisez le public, le résultat souhaité et les contraintes. Affinez la direction avant d'avancer.
Examiner le travail
Examinez les fichiers générés, l'aperçu disponible et les contrôles pertinents pour le résultat.
Créer la prochaine version
Demandez des modifications, puis exportez ou utilisez le flux de livraison pris en charge par ce projet.
Découvrez la suite.
Voir tous les builders
Créateur de sites web IA
Créez des landing pages, des boutiques en ligne et des sites de contenu. Décrivez l'audience et l'expérience souhaitée, puis examinez et affinez la réalisation.
Découvrir l'AI Website Builder
Créateur d'applications IA
Créez des applications web, mobiles et de bureau autour de la tâche qu'elles doivent accomplir. Prévisualisez l'expérience, affinez-la et préparez le package approprié.
Découvrir l'AI App Builder
Créateur de jeux IA
Transformez une idée de jeu en projet jouable. Façonnez les règles, les personnages et l'univers, puis testez et itérez sur l'expérience.
Découvrir AI Game BuilderQuestions et réponses
Un peu de clarté avant de commencer.
Que peut contenir un pack de design ?+
Un pack peut inclure des ressources de marque, des icônes, des palettes, des typographies, des illustrations, des feuilles de composants et des assets 3D pris en charge. Le brief détermine quels livrables font partie du pack.
Que dois-je inclure dans le brief de design ?+
Décrivez le public, l'ambiance, les références visuelles, les formats souhaités et toute contrainte de marque existante. Précisez où les ressources seront utilisées afin que le pack soit adapté à ce contexte.
Puis-je prévisualiser le design avant de l'utiliser ?+
Le pack inclut un aperçu, ainsi qu'une feuille de composants lorsque le livrable le nécessite. Examinez les ressources visuelles, les tokens réutilisables et les états de composants pertinents avant de les adopter.
Que vérifie la validation du design ?+
Les vérifications examinent les fichiers listés, les tokens de design, les paires de contraste pertinentes, les états de composants et les exports pris en charge. Une revue de design évalue également la cohérence du pack et sa conformité au brief.
Puis-je exporter les ressources ?+
Consultez et téléchargez les fichiers produits pour le pack. Les livrables pris en charge incluent des exports image, PDF et 3D lorsque demandé ; les fichiers exacts dépendent des ressources choisies et du flux de travail disponible.
Un pack de design inclut-il un site web ou une application fonctionnelle ?+
Un pack de design fournit des ressources créatives et des informations de design réutilisables. Choisissez Website Builder ou App Builder lorsque vous avez besoin d'un produit fonctionnel, et incluez la direction du design dans le brief de cette construction.
Que allez-vous créer ?
Créez un build, ou faites travailler une équipe spécialisée sur votre prochaine tâche.