Skip to main content
Flowstep lets you attach references alongside your prompt to give the AI more context about what you are trying to build. Instead of describing every detail in text, you can hand Flowstep a document, an image, or a link and let it extract the relevant information. This shortens your prompts and speeds up ideation significantly.

​
Reference types

​
Attach a PRD

Upload a product requirements document to give Flowstep a thorough understanding of your product’s goals, features, and user needs before generating screens.
Use a PRD reference when you are designing a feature that already has written requirements. Flowstep reads the document and uses it to make design decisions that align with your product’s intent—saving you from restating everything in the prompt.

​
Upload an image

Attach a screenshot, sketch, mood board, or any image to give Flowstep a visual reference for the style or layout you have in mind.
Use an image reference when you have a strong visual direction in mind—such as a competitor’s UI you want to draw inspiration from, or a rough wireframe you sketched by hand. Flowstep uses the image as inspiration, not as an exact template to copy.

​
Paste a URL

Provide a link to a website, live product, or any web page and Flowstep will use it as a reference for visual style, structure, or content patterns.
Use a URL reference when you want to match or draw from an existing digital product. This is especially useful for white-labeling work, competitor analysis, or when a stakeholder says “make it look like this.”

​
Attach by pasting

The fastest way to attach a reference is often to paste it: pasting a file or an image into the prompt input attaches it automatically. Supported attachments are images (JPG, PNG, WEBP) and documents (PDF, MD, TXT), up to 3 MB each. Pasting long text works too — the prompt input holds up to 6,000 characters, and pasting text at or beyond that limit automatically attaches it as a file called pasted.txt (if the prompt is empty, it’s filled with “Follow the instructions in the file”). Handy for handing Flowstep a long spec without trimming it down.

​
Why use references

References reduce the amount of detail you need to include in your prompt. Rather than writing a paragraph to explain your product context or visual direction, a single attached file or link can communicate it more completely. This makes the generation process faster and often produces more relevant results on the first try. You can combine references—for example, attaching a PRD for product context and an image for visual inspiration at the same time.