# Flowstep: Swedish ## Swedish ### Dokumentation #### Kom igång - [Vad är Flowstep?](https://docs.flowstep.ai/sv/introduction.md): Flowstep är ett AI-designverktyg som genererar polerade UI-skärmar från textprompts. Lär dig vad det gör, vem det är för och vad du kan bygga med det. - [Kom igång med Flowstep: registrera dig och generera designs](https://docs.flowstep.ai/sv/getting-started.md): Skapa ett gratis Flowstep-konto, generera din första gränssnittsdesign från en textprompt och dela den med ditt team — allt på en gång. - [Hur du använder Flowstep utan tidigare designerfarenhet](https://docs.flowstep.ai/sv/no-design-skills.md): Du behöver inte ha designbakgrund för att skapa fantastiska UI-skärmar med Flowstep. Lär dig hur du beskriver vad du vill och låter Flowstep sköta resten. #### Använda Flowstep - [Generera UI-skärmar från textprompter med Flowstep](https://docs.flowstep.ai/sv/generating-designs.md): Använd Flowstep för att generera en skärm eller upp till 6 skärmar samtidigt från en enda textprompt — perfekt för snabb UI-idéutveckling och utforskning av hela flöden. - [Redigera och iterera på Flowstep-designs via chatt eller arbetsyta](https://docs.flowstep.ai/sv/editing-designs.md): Förfina vilken som helst Flowstep-genererad skärm genom manuell visuell redigering eller chattbaserade prompts — iterera så många gånger som behövs tills designen är rätt. - [Använd referenser för att vägleda och påskynda Flowstep-design](https://docs.flowstep.ai/sv/design-references.md): Bifoga en PRD, ladda upp en bild eller klistra in en URL för att ge Flowstep sammanhang – så att du kan ideera snabbare utan att skriva långa prompts. - [Ange designriktlinjer för att hålla varje Flowstep-generation i linje med varumärket](https://docs.flowstep.ai/sv/design-guidelines.md): Definiera designriktlinjer på filnivå i DESIGN.md-format — färger, typografi, mellanrum och konventioner som styr varje AI-generering och redigering i filen. - [Använd teman för att hålla färger och hörnradier konsekventa över Flowstep-skärmar](https://docs.flowstep.ai/sv/themes.md): Välj eller generera ett tema för varje fil, anpassa enskilda skärmar, redigera din organisations teman och koppla färger och hörn till temattokens så att ändringar slår igenom på varje skärm. - [Förhandsgranska Flowstep-designs som interaktiva prototyper](https://docs.flowstep.ai/sv/prototypes.md): Öppna vilken Flowstep-fil som helst som en klickbar prototyp — Flowstep länkar dina skärmar automatiskt, och du kan ange eller låsa navigering manuellt per element. - [Dela Flowstep-designer med ditt team och intressenter](https://docs.flowstep.ai/sv/sharing-designs.md): Skapa en delbar länk för valfri Flowstep-design, styr vem som kan öppna en fil med nivåer för allmän åtkomst och bjud in personer att visa eller redigera via e-post. #### Team och organisationer - [Flowstep-organisationer: team, roller och behörigheter](https://docs.flowstep.ai/sv/organizations.md): Lär dig hur organisationer fungerar i Flowstep — vad Ägare, Admins, Medlemmar och Gäster kan göra, hur filer delas över ditt team, och hur man ansluter eller byter organisationer. - [Hantera din organisation: människor, roller och inställningar](https://docs.flowstep.ai/sv/organization-settings.md): Lägg till medlemmar i din Flowstep-organisation, byt roller, hantera gäster och väntande inbjudningar, och döp om din organisation — allt från Inställningar. #### Export och integrationer - [Ladda ner Flowstep-designer som JPG- eller PNG-bildfiler](https://docs.flowstep.ai/sv/export-formats.md): Flowstep stöder export av designer som JPG eller PNG. Lär dig vilket format som passar för ditt användningsfall och hur du laddar ner dina skärmar på några klick. - [Flytta design mellan Flowstep och Figma](https://docs.flowstep.ai/sv/figma-integration.md): Kopiera valfri Flowstep-ram till Figma med kopiera och klistra in, eller importera Figma-ramar till Flowstep som redigerbara skärmar. Arbeta i båda verktygen utan att byta. #### MCP-server - [Flowstep MCP-server](https://docs.flowstep.ai/sv/mcp/overview.md): Anslut din kodagent till Flowstep över MCP för att generera, redigera, granska och hantera skärmar på designcanvaset från Claude, Cursor, Codex eller valfri MCP-kompatibel klient. - [MCP-snabbstart](https://docs.flowstep.ai/sv/mcp/quickstart.md): Anslut Flowstep till din kodagent och kör ditt första verktygsanrop. - [MCP-autentisering](https://docs.flowstep.ai/sv/mcp/authentication.md): Så autentiserar Flowstep MCP klienter: OAuth 2.1 PKCE-flödet och kontoskapande. - [MCP-verktygsreferens](https://docs.flowstep.ai/sv/mcp/tools.md): Indatascheman, utdataform och exempel för alla 23 Flowstep MCP-verktyg. - [MCP-användningsgränser](https://docs.flowstep.ai/sv/mcp/usage-limits.md): Vilka Flowstep MCP-verktyg som använder meddelanden, hur gränserna gäller för MCP-verktygsanrop och hur du kontrollerar din kvarvarande kvot. - [MCP-exempel](https://docs.flowstep.ai/sv/mcp/examples.md): Användningsflöden från början till slut för vanliga Flowstep MCP-uppgifter. ##### Klienter - [Flowstep MCP — Cursor](https://docs.flowstep.ai/sv/mcp/clients/cursor.md): Anslut Flowstep till Cursor med Streamable HTTP MCP-transporten. - [Flowstep MCP — Claude Code](https://docs.flowstep.ai/sv/mcp/clients/claude-code.md): Anslut Flowstep till Claude Code (CLI) med Streamable HTTP MCP-transporten. - [Flowstep MCP — Windsurf](https://docs.flowstep.ai/sv/mcp/clients/windsurf.md): Anslut Flowstep till Windsurf med Streamable HTTP MCP-transporten. - [Flowstep MCP — Codex](https://docs.flowstep.ai/sv/mcp/clients/codex.md): Anslut Flowstep till OpenAI Codex med Streamable HTTP MCP-transporten. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/sv/mcp/clients/claude-desktop.md): Lägg till Flowstep i Claude Desktop med ett klick från Claudes konnektorkatalog. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/sv/mcp/clients/claude-ai.md): Lägg till Flowstep i Claude med ett klick från Claudes konnektorkatalog. #### Fakturering och planer - [Flowsteps prissättning: gratis provperiod, gratis plan och betalda planer](https://docs.flowstep.ai/sv/pricing.md): Starta Flowstep med en gratis provperiod och utan kreditkort. Jämför planerna Free, Starter, Pro och Max, med prissättning per plats och årlig fakturering upp till 20% rabatt. - [Flowstep-fakturering: cykler, uppsägning och åtkomst](https://docs.flowstep.ai/sv/billing.md): Lär dig hur Flowstep hanterar månads- och årsfaktureringsperioder, vem som kan hantera fakturering i en organisation, hur du uppsäger din prenumeration och vad som händer efter uppsägning. - [Platser och per-plats fakturering för Flowstep-team](https://docs.flowstep.ai/sv/seats.md): Hur platser fungerar på betalda Flowstep-planer: vem använder en plats, hur att lägga till och ta bort medlemmar påverkar din räkning, och vad som händer med medlemmar utan en plats. - [Flowstep-meddelanden förklarade: användningsgränser och återställningar](https://docs.flowstep.ai/sv/messages-and-limits.md): Ta reda på vad som räknas som ett meddelande i Flowstep, hur dagliga och månatliga gränser fungerar, hur gränser gäller per plats i ett team och vad som händer när du når din gräns. - [Få åtkomst till och ladda ned dina Flowstep-faktureringsfakturaor](https://docs.flowstep.ai/sv/invoices.md): Flowstep genererar automatiskt fakturaor för alla betalda planer efter varje faktureringscykel. Ladda ned dem när som helst från din kontokontrollpanel. #### Säkerhet och integritet - [Hur Flowstep skyddar dina kontodata och designer](https://docs.flowstep.ai/sv/security.md): Lär dig hur Flowstep skyddar dina data med kryptering under överföring och i vila, och var du hittar fullständiga detaljer om säkerhet i sekretesspolicyn. - [Flowsteps dataskyddspolicy och gränser för AI-träning](https://docs.flowstep.ai/sv/data-privacy.md): Flowstep använder inte dina personuppgifter för att träna AI-modeller, och inte heller dess LLM-leverantörer. Lär dig vilken data som kan användas och hur. ### Ändringslogg - [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.