--- title: Czat AI description: Wbudowany asystent AI z 87 narzędziami do tworzenia i modyfikowania projektów. --- # Czat AI Naciśnij ⌘J (Ctrl + J), aby otworzyć asystenta AI. Opisz czego chcesz — tworzy kształty, ustawia style, zarządza layoutem, pracuje z komponentami i analizuje Twój projekt. ## Konfiguracja 1. Otwórz panel czatu AI (⌘J) 2. Kliknij ikonę ustawień 3. Wprowadź swój klucz API OpenRouter 4. Wybierz model (Claude, GPT-4, Gemini itp.) Bez backendu, bez subskrypcji — Twój klucz komunikuje się bezpośrednio z OpenRouter. ## Możliwości Asystent dysponuje 87 narzędziami w następujących kategoriach: - **Tworzenie** — ramki, kształty, tekst, komponenty, strony. Renderuje JSX dla złożonych layoutów. - **Stylowanie** — wypełnienia, obrysy, efekty, przezroczystość, zaokrąglenie narożników, tryby mieszania. - **Layout** — auto-layout, wyrównanie, odstępy, wymiarowanie. - **Komponenty** — tworzenie komponentów, instancji, zestawów komponentów. Zarządzanie nadpisaniami. - **Zmienne** — tworzenie/edycja zmiennych, kolekcji, trybów. Wiązanie z wypełnieniami. - **Zapytania** — wyszukiwanie węzłów, odczyt właściwości, listowanie stron, czcionek, zaznaczenia. - **Analiza** — paleta kolorów, audyt typografii, spójność odstępów, wykrywanie klastrów. - **Eksport** — PNG, SVG, JSX z klasami Tailwind. - **Wektory** — operacje boolowskie, manipulacja ścieżkami. ## Przykładowe polecenia - „Utwórz kartę z tytułem, opisem i niebieskim przyciskiem" - „Ustaw taki sam border radius dla wszystkich przycisków na tej stronie" - „Jakie czcionki są używane w tym pliku?" - „Zmień tło wybranej ramki na gradient od niebieskiego do fioletowego" - „Wyeksportuj wybraną ramkę jako SVG" - „Znajdź wszystkie węzły tekstowe z rozmiarem czcionki mniejszym niż 12" ## Wskazówki - Zaznacz węzły przed zapytaniem — asystent wie, co jest zaznaczone. - Podawaj konkretne kolory, rozmiary i pozycje dla precyzyjnych rezultatów. - Asystent może modyfikować wiele węzłów w jednej wiadomości. - Użyj „cofnij" w edytorze, jeśli nie podoba Ci się wynik.