Navrhování s umělou inteligencí funguje nejlépe jako smyčka: popisujete, AI navrhujete, posuzujete a zpřesňujete a opakujete. AI je ve výrobě možností rychlá. Jste zodpovědní za výběr toho správného.
Krok 1: Napište krátký text. Popište uživatele, úkol, obsah a všechna omezení. „Obrazovka nastavení pro aplikaci pro rozpočet, pro lidi na telefonech, se sekcemi pro účet, oznámení a soukromí, využívající naše stávající komponenty“ poskytne mnohem lepší výsledek než „vytvořit stránku nastavení“.
Krok 2: Vytvořte koncepty. Nástroje s výzvou k uživatelskému rozhraní, jako je Google Stitch nebo asistent umělé inteligence UXPin, převedou popis nebo náčrt na obrazovky. Požádejte o několik variant a porovnejte je, spíše než přijměte první.
Krok 3: Upřesněte v nástroji pro návrh. Přeneste nejlepší návrh do Figma, Penpot nebo jiného editoru. Opravte hierarchii, mezery a kopírování a navrhněte stavy, které AI obvykle přeskakuje: načítání, prázdné, chyba a zakázáno.
Krok 4: připojte se ke kódu. Nástroje pro kódování AI, jako jsou Claude Code a Cursor, mohou vytvořit rozhraní. Výsledky jsou mnohem lepší, když mohou číst váš návrh prostřednictvím serveru MCP. Figma a Penpot oba mají jeden. Pro interaktivní a animované části má ExodeUI, který vyrábíme, server MCP, který umožňuje AI vytvářet a upravovat animace se stavy a fyzikou pružin z výzev v běžném jazyce, uložené v otevřeném souboru .exode, který vaše aplikace přehraje.
Krok 5: Zkontrolujte před odesláním. Zkontrolujte použití klávesnice a čtečky obrazovky, kontrast, snížený pohyb, malé a velké obrazovky a dlouhý nebo přeložený text. Zacházejte s výstupem AI jako s prací od rychlého, ale nového spoluhráče: užitečné, ale vždy kontrolované.