1DesignTool on työpöydällä toimiva suunnittelustudio, joka muuttaa kirjoitetun briefin toimivaksi suunnitelmaksi — oikeaksi HTML:ksi, CSS:ksi ja JS:ksi oikeassa projektikansiossa — hyödyntäen koneellesi jo asennettua koodausagenttia. Claude Code, Codex, Cursor Agent, Devin ja muut tuetut CLI:t tekevät rakentamisen; 1DesignTool antaa niille studion: live-esikatselun, design kit -säännöt, ohjaustyökalut ja viennit, jotka päätyvät omalle levyllesi.
Kokonaiskuva
Kirjoitat mitä haluat — "landing page kahvitilaukselle, rauhallinen ja editorial" — ja agentti rakentaa sen. Tulos ei ole mockup tai muotojen kanvaasi: se on kansio tiedostoja, joita voit avata, muokata, forkata ja julkaista. Esikatselupaneeli tarkkailee kansiota, joten näytöllä näkyvä suunnitelma on aina levyllä oleva suunnitelma.
Tämä jako on koko pointti. Agentti on hyvä tuottamaan ensimmäisiä luonnoksia nopeasti; sinä tiedät parhaiten, miltä "oikea" näyttää. 1DesignTool on rakennettu tämän työnjaon ympärille: agentti rakentaa, sinä ohjaat — valitsemalla elementtejä, kirjoittamalla kommentteja, säätämällä Tweaks- säätimiä tai lähettämällä työn takaisin laadukkaamman gaten läpi.
Local-first — agenttisi on moottori
Projektit sijaitsevat valitsemissasi kansioissa. Ajot kulkevat oman agentti-CLI:si ja oman tilisi kautta — sovellus ei koskaan pyydä agentin API-avainta eikä koskaan välitä työtäsi oman palvelimensa kautta. Sen, mitä agentti rakentaa, tarkistaa design kit: kontrasti, vähimmäiskirjasinkoot, osumakohteet ja joka leveydellä toimiva navigaatio. Jos suunnitelma ei läpäise gatea, se kertoo tarkalleen, missä vika on.
Mitä voit tehdä
Neljätoista pohjaa kattaa työn, jonka pieni tiimi oikeasti julkaisee: UI-mockupit ja wireframet, esitykset, mobiilinäytöt, interaktiiviset verkkosivut, brändipaketit ja logot, 3D-objektit ja -näyttämöt, animaatiot, ansioluettelot, infografiikat, HTML-sähköpostit, dokumentit ja paljon muuta. Jokaisen pohjan mukana tulee sen tulokseen räätälöity katselin — esitykset saavat diakatselun, sähköpostit sähköpostiohjelman levyisen esikatselun ja 3D orbit-näkymän.
Vinkki: Aloita pohjasta, älä tyhjästä sivusta. Pohja kertoo agentille tulosmuodon, katselimen ja soveltuvat tarkistukset — briefissäsi riittää pelkkä idea.