Lyhin polku 1DesignToolin läpi on yksi briefi ja yksi ohjaus — noin viisi minuuttia. Tämä sivu käy sen silmukan läpi: uusi projekti, ensimmäinen ajo ja ensimmäinen korjaus, jotta lopuilla ohjesivuilla on muoto, johon nojata.
Luo projekti
Paina aloitusnäytöllä New project — tai kuvaile suunnitelma suoraan aloitusnäytön composerissa, niin sovellus luo projektin puolestasi. Pohjan valitseminen kertoo agentille tulosmuodon (esitys, mobiilinäyttösarja, UI-mockup) ja lataa oikean katselimen ja tarkistukset; Blank jättää muodon briefin varaan.
Kirjoita ensimmäinen brief
Hyvä ensimmäinen brief sisältää idean, yleisön ja tunnelman — yksi tai kaksi lausetta, ei määrittelyä. "Landing page kahvitilaukselle — tumma, editorial, voimakas typografia" riittää. Lähetä se Send-painikkeella ja ajo alkaa: composer näyttää agentin työskentelevän, ja esikatselupaneeli täyttyy sitä mukaa kun oikeat tiedostot ilmestyvät projektikansioon.
Kun vuoro päättyy, gate raportoi — Design checks vihreänä tarkoittaa, että tulos läpäisee kitin säännöt (kontrasti, kirjasinkoot, osumakohteet, toimiva navigaatio joka leveydellä). Tulos pysyy livenä oikeassa paneelissa: hoveröi sitä, klikkaa läpi, raahaa leveyttä.
Ohjaa se kerran
Eikö otsikko miellytä? ⌥-klikkaa sitä esikatselussa, kirjoita yksi rivi — "tiivistä tämä, korkeintaan kaksi riviä" — ja lähetä. Kommentti ilmestyy pinniksi, jonka agentti lukee, ja seuraava vuoro korjaa juuri sen kohdan. Isompiin suunnanmuutoksiin kirjoita sen sijaan jatkobrief composerissa.
Vinkki: Ohjaa mitä, älä miten. "Lisää tilaa ensimmäisen ruudun yläpuolelle" voittaa "lisää
margin-top: 4rem" — design kit kääntää suuntasi tokeneiksi, jotka pitävät koko projektin johdonmukaisena.
Jatka pidemmälle: mobiilisovellus uudelleensuunniteltuna MCP:n kautta
Sama looppi skaalautuu isompiin artefakteihin. Tässä Mobile app -projekti rakentaa tapaseurantasovelluksen — Today-renkaat, putket, tilastonäytön — natiivilla SwiftUI-tyylillä, ja sitten MCP client (Cursor) ajaa seuraavan vuoron sovelluksen ulkopuolelta: uudelleensuunnittelun, joka vaihtaa aksentin, paksuntaa renkaat ja lisää viikkokaavion.
Ulkoinen vuoro saapuu kuten muutkin — via MCP · Cursor -tagi kuplassa, ajo livenä transcriptissä ja gate raportoi sen päättyessä. Studio ei koskaan pysähdy; client vain käyttää sen oikeaa API:a.
MCP — aja studiota miltä tahansa agentilta käsittelee palvelinta, access-paneelia ja mitä client voi kutsua.