48 translated pages (de, es, fr, it, pl, ru) for the Programmable section: overview, AI Chat, Collaboration, JSX Renderer, CLI (inspecting, exporting, analyzing, scripting). CLI reference and MCP server pages copied as-is (mostly code/tables).
2.4 KiB
2.4 KiB
| title | description |
|---|---|
| Chat IA | Assistant IA intégré avec 87 outils pour créer et modifier des designs. |
Chat IA
Appuyez sur ⌘J (Ctrl + J) pour ouvrir l'assistant IA. Décrivez ce que vous voulez — il crée des formes, définit des styles, gère la mise en page, travaille avec les composants et analyse votre design.
Configuration
- Ouvrez le panneau de chat IA (⌘J)
- Cliquez sur l'icône de paramètres
- Entrez votre clé API OpenRouter
- Choisissez un modèle (Claude, GPT-4, Gemini, etc.)
Pas de backend, pas d'abonnement — votre clé communique directement avec OpenRouter.
Ce qu'il peut faire
L'assistant dispose de 87 outils répartis dans ces catégories :
- Créer — frames, formes, texte, composants, pages. Rendu JSX pour les mises en page complexes.
- Styliser — remplissages, contours, effets, opacité, rayon d'arrondi, modes de fusion.
- Mise en page — auto-layout, alignement, espacement, dimensionnement.
- Composants — créer des composants, des instances, des ensembles de composants. Gérer les surcharges.
- Variables — créer/modifier des variables, des collections, des modes. Lier aux remplissages.
- Requêter — trouver des nœuds, lire des propriétés, lister les pages, les polices, la sélection.
- Analyser — palette de couleurs, audit typographique, cohérence de l'espacement, détection de motifs récurrents.
- Exporter — PNG, SVG, JSX avec classes Tailwind.
- Vectoriel — opérations booléennes, manipulation de chemins.
Exemples de prompts
- « Créer une carte avec un titre, une description et un bouton bleu »
- « Faire en sorte que tous les boutons de cette page utilisent le même rayon d'arrondi »
- « Quelles polices sont utilisées dans ce fichier ? »
- « Changer l'arrière-plan du frame sélectionné en un dégradé du bleu au violet »
- « Exporter le frame sélectionné en SVG »
- « Trouver tous les nœuds de texte avec une taille de police inférieure à 12 »
Conseils
- Sélectionnez des nœuds avant de poser votre question — l'assistant sait ce qui est sélectionné.
- Soyez précis sur les couleurs, tailles et positions pour des résultats exacts.
- L'assistant peut modifier plusieurs nœuds en un seul message.
- Utilisez « annuler » dans l'éditeur si le résultat ne vous convient pas.