openpencil/packages/docs/fr/programmable/ai-chat.md
Danila Poyarkov bfa4b7de8b Translate AI & Automation + CLI reference to all 6 locales
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).
2026-03-08 18:25:35 +03:00

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

  1. Ouvrez le panneau de chat IA (⌘J)
  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.