Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt

Use this file to discover all available pages before exploring further.

Flowstep is built to fit into the design workflow you already use — not to replace it. You can generate a design in Flowstep and immediately bring it into Figma using a simple copy-and-paste. This means you get the speed of AI-assisted design generation combined with the precision and collaboration features you rely on in Figma.
Flowstep and Figma are complementary tools, not competitors. Flowstep helps you rapidly generate and explore UI design ideas; Figma is where you refine, collaborate, and build out production-ready work. Using both together gives you the best of both.

​
How to copy a Flowstep design into Figma

1

Select a frame in Flowstep

Click on the frame you want to copy. Make sure the frame is selected — you should see it highlighted in the canvas.
2

Copy the frame

Press Cmd+C on Mac or Ctrl+C on Windows to copy the selected frame to your clipboard.
3

Paste into your Figma file

Switch to Figma and open the file where you want to place the design. Press Cmd+V on Mac or Ctrl+V on Windows to paste. The Flowstep frame will appear on your Figma canvas, ready to edit.
Paste the frame onto a dedicated “AI imports” page in Figma to keep your working files organized. From there, you can move elements into your main design system or component library at your own pace.