# Flowstep: Finnish ## Finnish ### Dokumentaatio #### Aloittaminen - [Mikä on Flowstep?](https://docs.flowstep.ai/fi/introduction.md): Flowstep on tekoäly-suunnittelutyökalu, joka generoi kiilloitettuja käyttöliittymänäyttöjä tekstikehötteista. Lue, mitä se tekee, kenelle se on tarkoitettu ja mitä sillä voit rakentaa. - [Aloita Flowstepin kanssa: rekisteröidy ja luo suunnitteluja](https://docs.flowstep.ai/fi/getting-started.md): Luo ilmainen Flowstep-tili, luo ensimmäinen käyttöliittymäsuunnittelusi tekstikehotteiden avulla ja jaa se tiimillesi — kaikki samalla kerralla. - [Kuinka käyttää Flowstepia ilman aiempaa suunnittelukokemusta](https://docs.flowstep.ai/fi/no-design-skills.md): Et tarvitse suunnittelun taustaa luodaksesi hyviä käyttöliittymän näyttöjä Flowstepillä. Opi kuvailemaan, mitä haluat, ja anna Flowstepin hoitaa loput. #### Flowstepin käyttö - [Luo käyttöliittymänäyttöjä tekstikehotteista Flowstepillä](https://docs.flowstep.ai/fi/generating-designs.md): Luo Flowstepillä yksi näyttö tai jopa 6 näyttöä kerralla yhdestä tekstikehotteesta – ihanteellinen nopeaan käyttöliittymäideointiin ja kokonaisten kulkujen tutkimiseen. - [Muokkaa ja kehitä Flowstep-suunnitelmia chat-keskustelulla tai kankaalla](https://docs.flowstep.ai/fi/editing-designs.md): Paranna mitä tahansa Flowstep-luomaa näyttöä manuaalisella visuaalisella muokkauksella tai chat-pohjaisilla kehoteilla – iteroi niin monta kertaa kuin tarvitaan, kunnes suunnitelma on oikea. - [Käytä viitteitä Flowstep-suunnittelun opastamiseen ja nopeuttamiseen](https://docs.flowstep.ai/fi/design-references.md): Liitä PRD, lataa kuva tai liitä URL-osoite, jotta Flowstep ymmärtää kontekstin – ja voit ideazoida nopeammin ilman pitkien kehoitteiden kirjoittamista. - [Määritä suunnitteluohjeet, jotta jokainen Flowstepin generaatio pysyy brandissa](https://docs.flowstep.ai/fi/design-guidelines.md): Määritä tiedoston tason suunnitteluohjeet DESIGN.md-muodossa — värit, typografia, välistys ja konventiot, jotka ohjaavat jokaista AI-generaatiota ja muokkausta tiedostossa. - [Käytä teemoja pitämään värit ja kulmien pyöristys yhtenäisinä Flowstep-näytöissä](https://docs.flowstep.ai/fi/themes.md): Valitse tai luo teema jokaiselle tiedostolle, muokkaa yksittäisten näyttöjen teemaa, muokkaa organisaatiosi teemoja ja linkitä värit ja kulmat teematunnuksiin, jotta muutokset etenevät jokaiseen näyttöön. - [Esikatsele Flowstep-suunnitelmia interaktiivisina prototyyppeinä](https://docs.flowstep.ai/fi/prototypes.md): Avaa mikä tahansa Flowstep-tiedosto napsautettavaksi prototyyppiksi — Flowstep linkittää näyttösi automaattisesti, ja voit asettaa tai lukita navigoinnin manuaalisesti elementtiä kohti. - [Jaa Flowstep-suunnitelmia tiimisi ja sidosryhmien kanssa](https://docs.flowstep.ai/fi/sharing-designs.md): Luo jaettava linkki mihin tahansa Flowstep-suunnitelmaan, hallitse yleisillä käyttöoikeustasoilla, kuka voi avata tiedoston, ja kutsu ihmisiä katselemaan tai muokkaamaan sähköpostitse. #### Tiimit ja organisaatiot - [Flowstep-organisaatiot: tiimit, roolit ja oikeudet](https://docs.flowstep.ai/fi/organizations.md): Lue, kuinka organisaatiot toimivat Flowstepissa – mitä Owners, Admins, Members ja Guests voivat tehdä, kuinka tiedostoja jaetaan tiimissäsi ja kuinka liittyä organisaatioihin tai vaihtaa niitä. - [Hallinnoi organisaatiotasi: ihmiset, roolit ja asetukset](https://docs.flowstep.ai/fi/organization-settings.md): Lisää jäseniä Flowstep-organisaatioosi, vaihda rooleja, hallinnoi vieraita ja odottavia kutsuja sekä nimeä organisaatiosi uudelleen – kaikki Asetuksista. #### Vienti ja integraatiot - [Lataa Flowstep-suunnitelmia JPG- tai PNG-kuvatiedostoina](https://docs.flowstep.ai/fi/export-formats.md): Flowstep tukee suunnitelmien vientiä JPG- tai PNG-muodossa. Opi, mikä muoto sopii käyttöaiheesi ja miten lataat näyttösi muutamalla napsautuksella. - [Siirrä suunnitelmia Flowstepin ja Figman välillä](https://docs.flowstep.ai/fi/figma-integration.md): Kopioi mikä tahansa Flowstep-kehys Figmaan kopioi ja liitä -toiminnolla tai tuo Figma-kehyksiä Flowsteppiin muokattavina näyttöinä. Työskentele molemmissa työkaluissa vaihtamatta välillä. #### MCP-palvelin - [Flowstep MCP -palvelin](https://docs.flowstep.ai/fi/mcp/overview.md): Yhdistä koodausagenttisi Flowsteppiin MCP:n kautta, jotta voit luoda, muokata, tarkastaa ja hallita näyttöjä suunnittelupiirtoalustalla Claudesta, Cursorista, Codexista tai mistä tahansa MCP-yhteensopivasta asiakkaasta. - [MCP-pikaopas](https://docs.flowstep.ai/fi/mcp/quickstart.md): Yhdistä Flowstep koodausagenttiisi ja suorita ensimmäinen työkalukutsu. - [MCP-todennus](https://docs.flowstep.ai/fi/mcp/authentication.md): Miten Flowstep MCP todentaa asiakkaat: OAuth 2.1 PKCE -kulku ja tilin luominen. - [MCP-työkaluviite](https://docs.flowstep.ai/fi/mcp/tools.md): Syöterakenne, tulosmuoto ja esimerkit kaikille 23 Flowstep MCP -työkalulle. - [MCP-käyttörajat](https://docs.flowstep.ai/fi/mcp/usage-limits.md): Mitkä MCP-työkalut käyttävät viestejä, miten rajat koskevat MCP-työkalukutsuja ja miten tarkistat jäljellä olevan kiintiösi. - [MCP-esimerkit](https://docs.flowstep.ai/fi/mcp/examples.md): Päästä päähän -työnkulut yleisiin Flowstep MCP -tehtäviin. ##### Asiakasohjelmat - [Flowstep MCP — Cursor](https://docs.flowstep.ai/fi/mcp/clients/cursor.md): Yhdistä Flowstep Cursoriin Streamable HTTP MCP -siirtoprotokollalla. - [Flowstep MCP — Claude Code](https://docs.flowstep.ai/fi/mcp/clients/claude-code.md): Yhdistä Flowstep Claude Codeen (CLI) Streamable HTTP MCP -siirtoprotokollalla. - [Flowstep MCP — Windsurf](https://docs.flowstep.ai/fi/mcp/clients/windsurf.md): Yhdistä Flowstep Windsurfiin Streamable HTTP MCP -siirtoprotokollalla. - [Flowstep MCP — Codex](https://docs.flowstep.ai/fi/mcp/clients/codex.md): Yhdistä Flowstep OpenAI Codexiin Streamable HTTP MCP -siirtoprotokollalla. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/fi/mcp/clients/claude-desktop.md): Lisää Flowstep Claude Desktopiin yhdellä napsautuksella Clauden liitinhakemistosta. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/fi/mcp/clients/claude-ai.md): Lisää Flowstep Claudeen yhdellä napsautuksella Clauden liitinhakemistosta. #### Laskutus ja tilaukset - [Flowstepin hinnoittelu: ilmainen kokeilu, ilmainen taso ja maksulliset paketit](https://docs.flowstep.ai/fi/pricing.md): Aloita Flowstepissä ilmaisella kokeilulla ilman luottokorttia. Vertaile Free, Starter, Pro ja Max -paketteja paikkakohtaisen hinnoittelun ja vuosilaskutuksen kanssa, joka säästää jopa 20 %. - [Flowstepin laskutus: syklit, peruutus ja käyttöoikeus](https://docs.flowstep.ai/fi/billing.md): Opi, kuinka Flowstep käsittelee kuukausi- ja vuosittaisia laskutussyklejä, kuka voi hallita laskutusta organisaatiossa, kuinka voit peruuttaa tilauksesi ja mitä tapahtuu peruuttamisen jälkeen. - [Paikat ja paikkakohtainen laskutus Flowstep-tiimeille](https://docs.flowstep.ai/fi/seats.md): Kuinka paikat toimivat Flowstepin maksetuissa paketeissa: kuka käyttää paikkaa, kuinka jäsenten lisääminen ja poistaminen vaikuttaa laskuusi ja mitä tapahtuu jäsenille, joilla ei ole paikkaa. - [Flowstepin viestit selitettynä: käyttörajat ja nollautuminen](https://docs.flowstep.ai/fi/messages-and-limits.md): Selvitä, mitä Flowstepissä lasketaan viestiksi, miten päivittäiset ja kuukausittaiset rajat toimivat, miten rajat koskevat jokaista paikkaa tiimissä ja mitä tapahtuu, kun raja tulee vastaan. - [Flowstepin laskujen käyttö ja lataaminen](https://docs.flowstep.ai/fi/invoices.md): Flowstep generoi automaattisesti laskut kaikille maksullisille paketeille jokaisen laskutuskauden jälkeen. Voit ladata ne milloin tahansa tilin kojelauta-välilehdeltä. #### Turvallisuus ja tietosuoja - [Kuinka Flowstep suojaa tilin tietoja ja suunnitelmia](https://docs.flowstep.ai/fi/security.md): Lue, kuinka Flowstep suojaa tietojasi salauksella siirron aikana ja levyssä, ja mistä löydät täydelliset tietoturvatiedot tietosuojakäytännöstä. - [Flowstepin tietosuojakäytäntö ja tekoälyn koulutusrajat](https://docs.flowstep.ai/fi/data-privacy.md): Flowstep ei käytä henkilökohtaisia tietojasi tekoälyjen kouluttamiseen, eikä sen LLM-palveluntarjoajatkaan. Opi, mitä tietoja voidaan käyttää ja miten. ### Muutosloki - [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.