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.1 KiB
Markdown
48 lines
2.1 KiB
Markdown
---
|
|
title: Chat IA
|
|
description: Assistente IA integrato con 87 strumenti per creare e modificare design.
|
|
---
|
|
|
|
# Chat IA
|
|
|
|
Premi <kbd>⌘</kbd><kbd>J</kbd> (<kbd>Ctrl</kbd> + <kbd>J</kbd>) per aprire l'assistente IA. Descrivi ciò che vuoi — crea forme, imposta stili, gestisce il layout, lavora con i componenti e analizza il tuo design.
|
|
|
|
## Configurazione
|
|
|
|
1. Apri il pannello chat IA (<kbd>⌘</kbd><kbd>J</kbd>)
|
|
2. Clicca l'icona delle impostazioni
|
|
3. Inserisci la tua chiave API OpenRouter
|
|
4. Scegli un modello (Claude, GPT-4, Gemini, ecc.)
|
|
|
|
Nessun backend, nessun abbonamento — la tua chiave comunica direttamente con OpenRouter.
|
|
|
|
## Cosa Può Fare
|
|
|
|
L'assistente ha 87 strumenti suddivisi in queste categorie:
|
|
|
|
- **Creazione** — frame, forme, testo, componenti, pagine. Renderizza JSX per layout complessi.
|
|
- **Stile** — riempimenti, bordi, effetti, opacità, raggio degli angoli, metodi di fusione.
|
|
- **Layout** — auto-layout, allineamento, spaziatura, dimensionamento.
|
|
- **Componenti** — crea componenti, istanze, set di componenti. Gestisci le sovrascritture.
|
|
- **Variabili** — crea/modifica variabili, collezioni, modalità. Associa ai riempimenti.
|
|
- **Query** — trova nodi, leggi proprietà, elenca pagine, font, selezione.
|
|
- **Analisi** — palette colori, audit tipografico, coerenza della spaziatura, rilevamento cluster.
|
|
- **Esportazione** — PNG, SVG, JSX con classi Tailwind.
|
|
- **Vettoriale** — operazioni booleane, manipolazione dei tracciati.
|
|
|
|
## Esempi di Prompt
|
|
|
|
- "Crea una card con un titolo, una descrizione e un pulsante blu"
|
|
- "Fai in modo che tutti i pulsanti di questa pagina usino lo stesso raggio dei bordi"
|
|
- "Quali font sono usati in questo file?"
|
|
- "Cambia lo sfondo del frame selezionato con un gradiente dal blu al viola"
|
|
- "Esporta il frame selezionato come SVG"
|
|
- "Trova tutti i nodi di testo con dimensione font inferiore a 12"
|
|
|
|
## Suggerimenti
|
|
|
|
- Seleziona i nodi prima di chiedere — l'assistente sa cosa è selezionato.
|
|
- Sii specifico su colori, dimensioni e posizioni per risultati precisi.
|
|
- L'assistente può modificare più nodi in un singolo messaggio.
|
|
- Usa "annulla" nell'editor se il risultato non ti piace.
|