Szkielety
Witaj
Obszar Szkiców pozwala wizualnie projektować i prototypować układy interfejsu. Twórz szkice, aby zaplanować strukturę aplikacji przed rozpoczęciem kodowania. Gdy po raz pierwszy otworzysz Szkice, zobaczysz ekran powitalny z kartą Utwórz Szkic na początek lub użyj przycisku + Nowy Szkic w prawym górnym rogu.
Kluczowe funkcje
Projektowanie ręczne
Buduj szkielety ręcznie za pomocą wizualnego edytora kanwy — przeciągaj i upuszczaj komponenty, aby projektować swoje ekrany.
Generowanie wspierane przez AI
Opisz, czego chcesz, i pozwól AI automatycznie wygenerować dokumentację szkieletu i ramki.
Wprowadzanie głosowe
Użyj wbudowanego przycisku mikrofonu lub kliknięcia środkowym przyciskiem, aby dyktować opis szkieletu głosem.
Szkielet do kodu
Gdy Twój szkielet jest gotowy, wyślij go bezpośrednio do generowania kodu — przechodząc od projektu do działającego kodu w jednym płynnym przepływie pracy.
Tworzenie szkieletu
Kliknij Utwórz Szkic lub + Nowy Szkic, aby otworzyć okno dialogowe tworzenia. Wprowadzisz tytuł, wybierzesz platformę docelową (Mobilna, Desktopowa lub Webowa), napiszesz opis szkicu i wybierzesz między trybem Ręcznym a Wspomaganym AI.
Pola konfiguracji projektu
Tytuł
Nadaj swojemu projektowi szkieletu nazwę, abyś mógł go później zidentyfikować na liście szkieletów.
Platforma
Wybierz platformę docelową — Mobilna, Desktopowa lub Webowa — aby dostosować układ i ograniczenia szkieletu.
Opis
Opisz, co chcesz zbudować. Jest to używane przez tryb wspierany przez AI do generowania dokumentacji i ramek. Obsługuje wprowadzanie głosowe za pomocą przycisku mikrofonu.
Tryb
Wybierz Ręczny, aby przejść bezpośrednio do edytora kanwy, lub Wspierany przez AI, aby AI wygenerowało dokumentację i ramki za Ciebie.
Tryb ręczny
Gdy wybierzesz kartę Ręczny i klikniesz Utwórz, zostaniesz przeniesiony bezpośrednio do edytora kanwy szkiców, gdzie możesz od razu zacząć budować ekrany. To najlepsza opcja, gdy masz już jasną wizję projektu i chcesz pełnej kontroli od samego początku.
Kiedy używać trybu ręcznego
Masz konkretny projekt w głowie i chcesz zbudować go samodzielnie.
Chcesz szybko naszkicować wstępny układ przed jego dopracowaniem.
Wolisz pełną kontrolę nad każdym elementem od samego początku.
Tryb wspierany przez AI
Gdy wybierzesz kartę Wspomagany AI, pojawią się dodatkowe opcje. Możesz wpisać lub podyktować opis, opcjonalnie zdefiniować poszczególne ramki, wybrać preferowany model AI z rozwijanego menu u góry, a następnie kliknąć Generuj, aby AI stworzył dokumentację szkicu za Ciebie.
Jak to działa
Wprowadź szczegóły
Wypełnij tytuł, wybierz platformę i napisz opis swojego projektu.
Zdefiniuj ramki (opcjonalnie)
Przejdź do zakładki Zdefiniuj ramki, aby określić poszczególne ekrany lub widoki, które chcesz, aby AI wygenerowało.
Wybierz model AI
Wybierz preferowany model AI z rozwijanej listy (np. Claude Code, Opus 4.6).
Generuj
Kliknij Generuj, aby rozpocząć generowanie dokumentacji AI. Projekt szkieletu pojawi się na Twojej liście podczas tworzenia dokumentacji.
Buduj ramki
Po zakończeniu dokumentacji możesz zacząć generować poszczególne ramki z edytora szkieletów.
Ulepszenie za pomocą AI
W trybie Wspomaganym AI kliknięcie przycisku Ulepsz z AI otwiera okno dialogowe pozwalające ulepszyć opis za pomocą AI. Bierze to, co napisałeś w polu opisu, i ulepsza zgodnie z Twoimi instrukcjami — czyniąc go bardziej szczegółowym, ustrukturyzowanym lub kompletnym przed wygenerowaniem szkicu.
Opcje ulepszania
Model AI
Wybierz model AI do ulepszania Twojego opisu (np. Claude Code, Opus 4.6).
Instrukcje ulepszania
Opcjonalnie podaj konkretne instrukcje, jak AI powinno ulepszyć opis. Obsługuje wprowadzanie głosowe.
Ulepsz opis
Kliknij, aby uruchomić ulepszanie. AI przepisze i poprawi Twój opis na podstawie Twoich danych i instrukcji.
Generowanie dokumentacji
Po kliknięciu Generuj w trybie Wspomaganym AI Twój projekt szkicu pojawia się na liście szkiców ze statusem Generowanie Dokumentacji.... AI tworzy ustrukturyzowaną dokumentację dla Twojego projektu na podstawie tytułu, platformy, opisu i zdefiniowanych ramek.
Co dzieje się dalej
Generowanie dokumentacji
AI tworzy ustrukturyzowany dokument definiujący każdy ekran, komponent i układ na podstawie Twojego opisu.
Generowanie ramek
Po zakończeniu dokumentacji możesz otworzyć szkielet i zacząć generować poszczególne ramki z edytora.
Udoskonalanie
Po wygenerowaniu ramek możesz ręcznie dostosować, dodać lub usunąć komponenty w edytorze kanwy, aby dopracować projekt.