bfa4b7de8b
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).
48 lines
2.4 KiB
Markdown
48 lines
2.4 KiB
Markdown
---
|
|
title: Chat IA
|
|
description: Assistant IA intégré avec 87 outils pour créer et modifier des designs.
|
|
---
|
|
|
|
# Chat IA
|
|
|
|
Appuyez sur <kbd>⌘</kbd><kbd>J</kbd> (<kbd>Ctrl</kbd> + <kbd>J</kbd>) 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
|
|
|
|
1. Ouvrez le panneau de chat IA (<kbd>⌘</kbd><kbd>J</kbd>)
|
|
2. Cliquez sur l'icône de paramètres
|
|
3. Entrez votre clé API OpenRouter
|
|
4. 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.
|