Pohjapiirustuseditori
Luonnoksen muokkaustyökalu on paikka, jossa suunnittelet ja hienosäädät näyttöjäsi. Vasemmalla puolella on kaikki piirustus- ja valintatyökalut, keskellä on pohjapiirustus, johon voit sijoittaa ja järjestää elementtejä, ja oikealla puolella on valitun elementin ominaisuudet.
Työkalut
Valitse
Napsauta valitaksesi ja siirtääksesi elementtejä pohjapiirustuksessa. Valitut elementit näkyvät oikealla puolella olevissa ominaisuuksissa.
Neliö
Piirrä suorakulmaisia säiliöelementtejä pohjapiirustukseen.
Ympyrä
Piirrä pyöreitä elementtejä pohjapiirustukseen.
Teksti
Lisää tekstiotsikoita ja tekstilohkoja.
Kuva
Sijoita kuvaelementtejä.
Painike
Lisää interaktiivisia painikeelementtejä.
Syöttö
Lisää lomakesyöttökenttiä.
+ (Lisää näyttö)
Lisää uusi näyttö luonnoksen projektiin.
Lukitut elementit
Tekoälyn luomat näytöt ovat oletusarvoisesti lukittuja – elementtejä ei voi siirtää tai muuttaa kokoa, kunnes ne avataan. Paina Ctrl + D avataksesi kaikki nykyisen näytön elementit, jolloin saat täyden hallinnan niiden järjestämiseen ja muokkaamiseen.
Storyboard-tila
Storyboard-tila antaa sinulle mahdollisuuden nähdä kaikki luonnoksesi ja niiden liityntäpisteet yhdellä silmäyksellä. Vaihda yksittäisen näytön pohjapiirustuksen ja storyboard-tilan välillä käyttämällä samaa painiketta vasemmalla puolella. Storyboard-tilassa jokainen näyttö näkyy korttina, jossa on sen asettelun esikatselu.
Storyboard-ominaisuudet
Luonnosten yleiskatsaus
Näe kaikki näytöt yhdellä silmäyksellä, ja niissä on elementtien määrä ja visuaaliset esikatselut.
Aseta modaali
Merkitse mikä tahansa näyttö modaaliksi päällekkäiseksi elementiksi koko sivun sijaan.
Napsauta muokataksesi
Napsauta mitä tahansa luonnoskorttia siirtyäksesi sen yksityiskohtaiseen muokkausnäkymään.
Zoomausohjaimet
Käytä vasemmalla olevia zoomausohjaimia zoomataksesi storyboardia.
Virtausyhteydet
Visualisoi, miten näytöt on yhdistetty virtaustoimintojen avulla luonnosten välillä.
Elementtien ominaisuudet
Kaksoisnapsauta mitä tahansa elementtiä kankaalla siirtyäksesi siihen ja avataksesi sen ominaisuuspaneeli oikeassa sivupalkissa. Paneelissa on kolme välilehteä: Ominaisuudet, Virtaus ja Värit. Täältä voit muokata kunkin elementin sijaintia, kokoa, tyyliä ja käyttäytymistä.
Ominaisuudet-välilehti
Sijainti (X, Y)
Määritä elementin tarkka pikselisijainti pohjapiirustuksessa.
Koko (leveys, korkeus)
Määritä elementin mitat pikseleinä.
Z-indeksi (kerrosjärjestys)
Hallitse, mitkä elementit näkyvät muiden päällä.
Reunan säde
Määritä kulmien pyöristys numeerisella arvolla tai käytä Terävä, Pyöristetty tai Pill-muoto -asetuksia.
Tekstisisältö
Muokkaa elementin sisällä näkyvää tekstiä.
Värit-välilehti
Mukauta valitun elementin tausta-, reuna- ja tekstivärit.
Virrat
Virrat määrittävät toiminnot ja navigoinnin näyttöjen välillä. Virta on toiminto, kuten siirtyminen toiselle sivulle, modaalin avaaminen tai reitittäminen eri alueelle. Pienet linkkikuvakkeet pohjapiirustuksessa osoittavat, millä elementeillä on virtoja. Luonnokset on linkitetty automaattisesti toisiinsa tekoälyn luonnoksen luonnin aikana, ja virtaustoiminnot luodaan myös.
Virtojen määrittäminen
Valitse elementti
Napsauta elementtiä, johon haluat lisätä virran.
Avaa Virtaus-välilehti
Siirry oikeassa sivupalkissa Virtaus-välilehteen nähdäksesi olemassa olevat yhteydet tai lisätäksesi uusia.
Lisää yhteys
Napsauta Lisää ensimmäinen yhteys (tai + -painiketta) luodaksesi uuden virran. Valitse kohdenäyttö tai -kehys, johon haluat linkittää.
Näytä kankaalla
Yhdistetyissä elementeissä näkyy pieni linkkikuvake kankaalla, mikä osoittaa, että niissä on virtaustoimintoja.
Lohkoyhteydet
Lohkoyhteydet mahdollistavat lohkojen liittämisen lohkokirjastosta suoraan kehyskehysten elementteihin. Kun kaksoisnapsautat elementtiä ja vierität alas ominaisuuspaneelissa, löydät Lohkoyhteydet-osion. Napsauta + Lisää lohko linkittääksesi lohkon (HTML, komponentti tai malli) elementtiin. Yhdistetyt lohkot viitataan, kun luot koodia tekoälyllä, mikä helpottaa tiettyjen HTML- tai komponenttikoodien liittämistä kehyskehysten elementteihin.
Tekoälypohjainen muokkaus
Alareunan tekoälykehote -palki mahdollistaa tekoälyn käytön näytön muokkaamiseen tai luomiseen. Valitse tekoälymalli avattavasta valikosta vasemmalla, kuvaa muutokset ja tekoäly muokkaa kehystä puolestasi. Voit myös käyttää äänisyötettä tai CLI-muokkaus-painiketta edistyneeseen muokkaukseen.
Kontekstisidonnainen kehotus
Yksittäinen näyttö
Kun muokkaat yksittäistä näyttöä, kehotuspalkissa näkyy teksti "Muokataan 'Näytön nimi'", ja tekoälyn muutokset koskevat vain tätä näyttöä.
Tarinalevy
Kun storyboard-tilassa, tekoäly voi muokata kaikkia luonnoksia kerralla tai luoda uusia luonnoksia käyttämällä olemassa olevia luonnoksia viitteenä.
Äänisyöte
Käytä mikrofonikuvaketta kehotuspalkissa, jos haluat sanella ohjeet kirjoittamisen sijaan.
CLI-muokkaus
Napsauta CLI-muokkaus, jos haluat käyttää edistyneempää muokkaustilaa, jossa voit hallita tekoälypohjaisia muutoksia tarkemmin.
Vienti ja integrointi
Kehyksiä voidaan viedä, tuoda tai käyttää suoraan projektien luomiseen tai Projektikeskuksessa. Näin voit siirtyä kehyssuunnittelusta toimivaan projektiin ilman, että sinun tarvitsee luoda asetteluja manuaalisesti.