b9753aa016
Eleven translated pages changed in English since the last release without matching updates: system requirements, the Lint tab, AI chat diff tools, collaboration with agents, design JSX imports and export fidelity, Storybook and live-app export, lint fixes, page navigation, and Checking Designs. Bring de, es, fr, it, pl, and ru up to date, add the sections the abridged translations lacked where a change landed, use each language's UI labels, and point the export page at documents list.
3.9 KiB
| title | description |
|---|---|
| AI-Chat | Integrierter AI-Assistent mit mehr als 90 Werkzeugen zum Erstellen und Bearbeiten von Designs. |
AI-Chat
⌘J beziehungsweise StrgJ öffnet den Assistenten. Eine Anweisung kann Formen erstellen, Stile ändern, die Anordnung konfigurieren, Komponenten bearbeiten oder das Dokument analysieren.
Einrichtung
- AI-Chat öffnen.
- Einstellungssymbol wählen.
- Modell hinzufügen und Anbieter, Modellkennung, Zugangsdaten und Fähigkeiten konfigurieren.
- Modell speichern und der Rolle Design agent zuweisen.
Mehrere Modelle können getrennt für Gestaltung, Prüfung, schnelle Aufgaben und Bildeingaben verwendet werden. Modelle derselben Anbieterverbindung verwenden dieselben sicher gespeicherten Zugangsdaten.
Anbieter
| Anbieter | Beispiele | Einrichtung |
|---|---|---|
| OpenRouter | Claude, GPT, Gemini, DeepSeek, Qwen und weitere | API-Schlüssel von openrouter.ai |
| Anthropic | Claude Sonnet 4.6, Claude Opus 4.6 | API-Schlüssel von console.anthropic.com |
| OpenAI | GPT-5.3 Codex, GPT-4.1, o3, o4-mini | API-Schlüssel von platform.openai.com |
| Google AI | Gemini 3.1 Pro, Gemini 3 Flash | API-Schlüssel von aistudio.google.dev |
| Z.ai | GLM-5.1, GLM-5, GLM-4.7 und GLM-4.5 | API-Schlüssel laut Z.ai-Dokumentation |
| MiniMax | MiniMax M3, M2.7, M2.7-highspeed, M2.5 und M2.1 | API-Schlüssel von platform.minimax.io |
| OpenAI-kompatibel | Endpunkt im OpenAI-API-Format | Eigene Basisadresse und Schlüssel |
| Anthropic-kompatibel | Endpunkt im Anthropic-API-Format | Eigene Basisadresse und Schlüssel |
Anfragen gehen direkt an den Anbieter. Im Browser gelten dessen CORS-Regeln. Bereitstellungen unterscheiden sich darin, wie zuverlässig Werkzeugaufrufe gestreamt werden. Messergebnisse stehen unter BYOK-Kompatibilität.
Externe MCP-Verbindungen
Desktop-ACP-Agenten können vertrauenswürdige entfernte MCP-Server verwenden. Unter Einstellungen → MCP-Verbindungen wird ein Streamable-HTTP-Endpunkt hinzugefügt, optional ein Bearer-Token gespeichert und die Verbindung aktiviert.
Token werden im Anmeldedatenspeicher und erst beim Start einer ACP-Sitzung gelesen. Entfernte Server müssen HTTPS verwenden; für lokale Entwicklung sind Loopback-Adressen über HTTP erlaubt.
Werkzeuge
Der Assistent verfügt über mehr als 90 Werkzeuge für Erstellung, Gestaltung, Anordnung, Komponenten, Variablen, Suche, Prüfung, Analyse, Export und Vektorbearbeitung.
Visuelle Prüfung
Nach Änderungen kann der Assistent das Ergebnis mit export_image rendern und mit der Anfrage vergleichen. Dadurch werden Anordnungsfehler, fehlende Elemente und abweichende Farben sichtbar. diff_visual, standardmäßig aktiviert, vergleicht ein bearbeitetes Objekt mit einer Referenzkopie und liefert die geänderten Pixel und den betroffenen Bereich, sodass der Assistent prüfen kann, ob eine Änderung auf ihr Ziel beschränkt blieb.
Hinweise
- Vor der Anfrage die betreffenden Objekte auswählen; der Assistent kennt die aktuelle Auswahl.
- Farben, Größen und Positionen möglichst genau angeben.
- Eine Nachricht kann mehrere Objekte ändern.
- Während eine Antwort läuft, können Sie andere Seiten ansehen: Der Assistent arbeitet auf der Seite weiter, auf der die Nachricht begonnen hat, und seine Vorschauen erscheinen, sobald Sie zurückkehren. Solange Sie woanders sind, nennt der Chat die Seite, an der gearbeitet wird, mit Zur Seite, um dorthin zurückzukehren. Wechselt der Assistent selbst die Seite, folgt Ihre Ansicht.
- Änderungen durch AI können rückgängig gemacht werden.
- Nach jedem Werkzeugaufruf wird die Anordnung neu berechnet.