Siirry pääsisältöön
Screenshot 2026 05 06 At 14 25 48
Flowstep-suunnitelmat ovat täysin muokattavia luomisen jälkeen. Et ole sidottu siihen, mitä tekoäly alun perin luo — voit säätää visuaalisuutta suoraan editorissa, kuvata muutoksia chatissa tavallisella kielellä tai pyytää Flowstepia generoimaan vaihteluja ja uusia näyttöjä. Käytä menetelmää, joka sopii tekemäsi muutokselle.

​
Kaksi tapaa muokata

Tee muutokset suoraan kanvaassa valitsemalla ja muokkaamalla elementtejä. Tämä menetelmä toimii parhaiten tarkoille säädöille — komponentin siirtäminen, värin muuttaminen, otsikon päivittäminen tai välilyönnin hienosäätö.
1

Valitse muokattava elementti

Napsauta mitä tahansa komponenttia tai kerrosta suunnitelmassasi valitaksesi sen.
2

Tee muutoksesi

Käytä editorin säätöjä muuttaaksesi ominaisuuksia, kuten väriä, kokoa, sijaintia tai tekstisisältöä.
3

Tarkista tulos

Muutoksesi tulevat voimaan välittömästi kanvaalla. Jatka muokkaamista tai siirry seuraavaan näyttöön.

​
Muokkaa vain osaa näytöstä

Sinun ei tarvitse muokata kokonaisia näyttöjä. Valitse osaelementti — kortti, painike, tekstinimi — ja chat-kehote koskee vain sitä, jättäen loput näytöstä muuttumattomiksi.
  • Siirry Direct selection -tilaan Shift+V-näppäimillä (tai valintapainikkeen pudotusvalikolla) valitaksesi syvimmän napsautuksella olevan elementin. Paina V normaalissa valinnassa, tai pidä Cmd (Mac) / Ctrl (Windows) pohjassa käyttääksesi suoraa valintaa väliaikaisesti. Escape poistuu suorasta valinnasta.
  • Valitse osaelementit useilta näytöiltä Cmd+Shift-näppäimillä — yksittäinen kehote voi muokata jopa 6 näyttöä per viesti.
Kun kuvaelementti on valittuna (kuvatilan ulkopuolella), Image -paneeli ilmestyy ominaisuuspaneeliin: esikatsele kuva, vaihda se vetämällä uutta kuvatiedostoa esikatselulle tai napsauttamalla Pick image, tai tallenna se Download image -toiminnolla.

​
Kopioi ja liitä elementtejä

Kopioi valinta ja liitä se takaisin sinne, missä sitä tarvitset — samaan tiedostoon, toiseen tiedostoon tai toiseen selainvälilehteen, sillä kopiot menevät järjestelmäsi leikepöydälle.
  • Kopioi näppäimillä Cmd+C (Mac) / Ctrl+C (Windows), leikkaa näppäimillä Cmd+X / Ctrl+X ja liitä näppäimillä Cmd+V / Ctrl+V.
  • Monista valinta paikallaan näppäimillä Cmd+D / Ctrl+D.
  • Liitetyt elementit asettuvat hieman alkuperäisten viereen, jotta ne eivät peitä niitä.
Nämä pikanäppäimet kohdistuvat valittuihin elementteihin. Kun muokkaat tekstiä, ne toimivat tavallisena tekstin kopiointina ja liittämisenä.

​
Nimeä näytöt piirtoalustalla

Jokainen näyttö näyttää nimensä piirtoalustalla sen yläpuolella olevassa tunnisteessa. Nimeämätön näyttö näkyy nimellä Screen.
  • Kaksoisnapsauta tunnistetta nimetäksesi näytön uudelleen ja tallenna painamalla Enter-näppäintä — tallennus onnistuu myös napsauttamalla muualle. Nimet voivat olla enintään 100 merkkiä pitkiä.
  • Napsauta tunnistetta kerran valitaksesi näytön ja vedä sitten se siirtääksesi piirtoalustalla.

​
Säädä peittävyyttä, sekoitustilaa ja kulmia

Valitse elementti hienosäätääksesi sen ulkoasua ominaisuuspaneelissa:
  • Opacity (peittävyys) — aseta, kuinka läpinäkyvä elementti on, välillä 0–100 %. Samassa paneelissa on myös sekoitustila (Normal, Multiply, Screen, Overlay ja muita), joka määrittää, miten elementti sekoittuu sen takana olevaan.
  • Corners (kulmat) — pyöristä elementin kulmat. Aseta yksi Corner radius (kulmasäde) kaikille neljälle tai ota käyttöön Per corner (kulmakohtainen), jolloin vasemman yläkulman, oikean yläkulman, oikean alakulman ja vasemman alakulman säteelle voi antaa oman arvonsa. Jokainen arvo voi olla teemasi Token tai Custom-arvo.

​
Zoomaa pikselitasolle

Zoomaa piirtoalustaa jopa 25 600 %:iin tarkistaaksesi välit ja kohdistuksen tarkasti. Yli 200 %:n zoomauksella näkyvät pikseliin kohdistetut ruudukkoviivat, ja ne tulevat näkyvämmiksi, mitä lähemmäs zoomaat, jolloin voit kohdistaa elementit täsmälleen.

​
Palauta edellinen versio

Jokainen chat-historian tekoälygenerointi säilyttää alkuperäisen tuloksensa. Jos näyttöä on muokattu tai poistettu siitä lähtien kun se luotiin, sen chat-viestissa näkyy Restore -painike — Restore original -linkki muutoksien peruuttamiseen tai Restore / Restore all -linkki poistettujen näyttöjen palauttamiseen. Käytä sitä päästäksesi takaisin tunnettuun hyvään tilaan, jos muokkaus menee väärään suuntaan.

​
Yhden napsautuksen toiminnot

Screenshot 2026 05 06 At 14 29 34
Suorien muokkausten lisäksi voit pyytää Flowstepia tutkimaan vaihtoehtoja:
  • Try again from scratch — pyydä Flowstepia tuottamaan nykyisen näytön tuore versio eri asettelulla tai visuaalisella suunnalla.
  • Show the next screen — pyydä Flowstepia generoimaan, mitä loogisesti seuraa käyttäjän vuorovaikutteessa.
  • Make it pretty — säädä välilyöntejä, kohdistusta ja värejä suunnitelmassa. Asettelu pysyy samana.
Nämä asetukset antavat sinulle mahdollisuuden iteroida nopeasti kirjoittamatta kehotetta joka kerta.

​
Iteroiminen hiomiseen

Suunnitelma harvoin laskeutuu täydellisesti ensimmäisellä yrityksellä. Käytä chat-pohjaista muokkaamista jokaisessa palautekierroksessa — kuvaa, mikä toimii ja mikä ei, ja Flowstep säätää sieltä. Näytön iteroimiskertojen määrälle ei ole rajaa.
Chat-pohjaisen muokkaamisen aikana viittaa tiettyihin elementteihin nimellä tai sijainnilla saadaksesi tarkempia tuloksia. Esimerkiksi: “Siirrä kutsu-toiminto-painike näytön pohjaan ja tee siitä koko levyinen” on tehokkaampi kuin “korjaa painike.”