Wireframet
Tervetuloa
Kehykset-alueella voit suunnitella ja luoda käyttöliittymäasettelut visuaalisesti. Luo kehyksiä suunnitellaksesi sovelluksesi rakennetta ennen koodaamista. Kun avaat Kehykset-alueen, näet tervetulosivun, jossa on Luo kehys-kortti, josta pääset alkuun, tai voit käyttää + Uusi kehys-painiketta oikeassa yläkulmassa.
Tärkeimmät ominaisuudet
Manuaalinen suunnittelu
Luo luonnoksia manuaalisesti käyttämällä visuaalista pohjapiirustuseditoria – vedä ja pudota komponentteja suunnitellaksesi näytöt.
Tekoälypohjainen luonti
Kuvaile, mitä haluat, ja anna tekoälyn luoda luonnosdokumentaatio ja -luonnokset automaattisesti.
Äänisyöte
Käytä sisäänrakennettua mikrofonipainiketta tai keskihiirennapautusta, jotta voit sanella luonnoksen kuvauksen äänellä.
Wireframe koodiksi
Kun luonnoksesi on valmis, lähetä se suoraan koodin luontiin – siirry suunnittelusta toimivaan koodiin yhdessä saumattomassa työnkulussa.
Luonnoksen luominen
Napsauta Luo kehys tai + Uusi kehys avataksesi luontivalintaikkunan. Anna otsikko, valitse kohdealusta (mobiili, työpöytä tai verkko), kirjoita kehyksen kuvaus ja valitse Manuaalinen tai Tekoälypohjainen -tila.
Projektin asetuskentät
Otsikko
Anna luonnoksen projektillesi nimi, jotta voit tunnistaa sen myöhemmin luonnoksien luettelossa.
Alusta
Valitse kohdealusta – mobiili, työpöytä tai verkko – jotta luonnoksen asettelu ja rajoitukset voidaan mukauttaa.
Kuvaus
Kuvaile, mitä haluat rakentaa. Tätä käytetään tekoälypohjaisen tilan avulla dokumentaation ja luonnosten luomiseen. Tukee äänisyöttöä mikrofonipainikkeen kautta.
Tila
Valitse Manuaalinen, jos haluat siirtyä suoraan pohjapiirustuseditoriin, tai Tekoälypohjainen, jos haluat, että tekoäly luo dokumentaation ja luonnokset puolestasi.
Manuaalinen tila
Kun valitset Manuaalinen-välilehden ja napsautat Luo, sinut siirretään suoraan kehyseditorin kankaalle, jossa voit alkaa luoda näyttöjäsi. Tämä on paras vaihtoehto, kun sinulla on jo selkeä käsitys asettelustasi ja haluat täyden hallinnan alusta alkaen.
Milloin manuaalista tilaa käytetään
Sinulla on tietty suunnitelma mielessäsi ja haluat rakentaa sen itse.
Haluat nopeasti luonnostella karkean asettelun ennen sen hienosäätämistä.
Haluat täyden hallinnan kaikista elementeistä alusta alkaen.
Tekoälypohjainen tila
Kun valitset Tekoälypohjainen-välilehden, lisäasetukset tulevat näkyviin. Voit kirjoittaa tai sanella kuvauksen, määrittää valinnaisesti yksittäisiä kehyksiä, valita haluamasi tekoälymallin avattavasta valikosta yläreunassa ja napsauttaa sitten Luo, jotta tekoäly luo kehysdokumentaation puolestasi.
Miten se toimii
Anna tiedot
Täytä otsikko, valitse alusta ja kirjoita projektisi kuvaus.
Määritä kehykset (valinnainen)
Siirry Määritä kehykset -välilehteen määrittääksesi yksittäiset näytöt tai näkymät, jotka tekoälyn tulisi luoda.
Valitse tekoälymalli
Valitse haluamasi tekoälymalli avattavasta valikosta (esim. Claude Code, Opus 4.6).
Luo
Napsauta Luo aloittaaksesi tekoälypohjaisen dokumentaation luomisen. Kehysprojekti näkyy luettelossasi, kun dokumentaatio luodaan.
Luo kehyksiä
Kun dokumentaatio on valmis, voit alkaa luoda jokaisen yksittäisen kehyksen kehyseditorista.
Paranna AI:lla
Tekoälypohjaisessa tilassa Paranna tekoälyllä-painikkeen napsauttaminen avaa valintaikkunan, jonka avulla voit parantaa kuvaustasi tekoälyn avulla. Tämä ottaa kaiken, mitä olet kirjoittanut kuvauskenttään, ja parantaa sitä ohjeidesi perusteella – tehden siitä yksityiskohtaisemman, jäsennellymmän tai täydellisemmän ennen kehyksen luomista.
Parannusvaihtoehdot
Tekoälymalli
Valitse tekoälymalli, jota käytetään kuvauksen parantamiseen (esim. Claude Code, Opus 4.6).
Parannusohjeet
Anna valinnaisesti erityisiä ohjeita siitä, miten tekoälyn tulisi parantaa kuvausta. Tukee äänisyöttöä.
Paranna kuvausta
Napsauta suorittaaksesi parannuksen. Tekoäly kirjoittaa uudelleen ja parantaa kuvauksesi syötteesi ja ohjeidesi perusteella.
Dokumentaation luonti
Kun olet napsauttanut Luo tekoälypohjaisessa tilassa, kehysprojektisi näkyy kehysluettelossa, jossa on Dokumentaation luonti...-tila. Tekoäly luo jäsennellyn dokumentaation projektillesi otsikon, alustan, kuvauksen ja mahdollisten määrittämien kehysten perusteella.
Mitä seuraavaksi tapahtuu
Dokumentaation luonti
Tekoäly luo jäsennellyn dokumentin, joka määrittää jokaisen näytön, komponentin ja asettelun kuvauksesi perusteella.
Kehyksen luonti
Kun dokumentaatio on valmis, voit avata kehyksen ja aloittaa jokaisen yksittäisen kehyksen luomisen editorista.
Hienosäätö
Kehykset luodaan, voit manuaalisesti säätää, lisätä tai poistaa komponentteja kankaalla, jotta voit hienosäätää suunnittelua.