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 designs are fully editable after generation. You are not locked into what the AI first produces—you can adjust visuals directly in the editor, use chat to describe changes in plain language, or ask Flowstep to generate variations and new screens. Use whichever method fits the change you want to make.
Two ways to edit
Manual visual editing
Chat-based editing
Make changes directly on the canvas by selecting and modifying elements. This method works best for precise adjustments—moving a component, changing a color, updating a label, or tweaking spacing.Select the element you want to change
Click on any component or layer in your design to select it.
Make your changes
Use the editor controls to adjust properties such as color, size, position, or text content.
Review the result
Your changes apply immediately on the canvas. Continue editing or move on to the next screen.
Describe the change you want in plain language and Flowstep updates the design for you. This method is faster for broad or structural changes—adjusting the layout, rethinking a section, or applying a style direction.Open the chat panel
Select the screen you want to edit, then open the chat input.
Describe your change
Type what you want Flowstep to update. Be specific about what should change and why, if it helps.
Review the updated design
Flowstep applies the change and shows you the result. If it is not quite right, send a follow-up message to refine further.
Requesting variations
Beyond direct edits, you can ask Flowstep to explore alternatives:
- Regenerate a screen — ask Flowstep to produce a fresh version of the current screen with a different layout or visual direction.
- Show the next screen — ask Flowstep to generate what logically comes next in the user flow.
- Edit via chat — describe a variation you want to see and Flowstep updates the screen accordingly.
These options let you iterate rapidly without starting over from scratch each time.
Iterating to refine
Design rarely lands perfectly on the first attempt. Use chat-based editing for each round of feedback—describe what is working and what is not, and Flowstep adjusts from there. There is no limit to how many times you can iterate on a screen.
When iterating via chat, reference specific elements by name or location to get more accurate results. For example: “Move the call-to-action button to the bottom of the screen and make it full-width” is more effective than “fix the button.”
