Skip to main content
Words are great for describing behavior, but some things are far easier to show than to explain. Fabricate lets you attach images to your prompts to guide what it builds.

​
Upload images to guide the build

Drag and drop an image onto the prompt box, or attach it alongside your message. Fabricate looks at the image and uses it as context for what to build.
1

Attach the image

Drag a screenshot or mockup into the prompt box.
2

Describe what you want done with it

The image guides; your words direct. Pair them.
3

Send

Fabricate combines the visual reference with your instructions.
Always pair an image with text. An image alone is ambiguous — “build this layout but in dark mode” tells Fabricate exactly how to use the reference.

​
When images help most

Reference designs

Share a screenshot of a layout or style you like so your app starts closer to that look.

Mockups & wireframes

Turn a sketch or design-tool export into a working interface.

Bug reports

Screenshot a visual glitch in the preview so Fabricate sees exactly what’s wrong.

Content & data

Share a screenshot of a table or form to recreate its structure.

​
Example prompts with images

Fabricate uses images as reference and direction, not pixel-perfect targets. It recreates the intent — layout, hierarchy, and style — in clean React and CSS code, not a literal copy. Attached images guide the build; they aren’t added to your app’s files.

​
Images in your app

Fabricate doesn’t generate photos or illustrations for your app’s content. It can build simple graphics, such as icons and decorative shapes, directly in code. Just ask in a normal prompt:
Describe the style you want — “thin line icons in the accent color” gives a much better result than “some icons.”

​
Tips for best results

Crisp, well-cropped images are easier to interpret. Crop out browser chrome or unrelated UI so Fabricate focuses on what matters.
If you have several inspiration images, introduce them across separate messages so each change stays focused and easy to review.
A reference design rarely matches your app exactly. Tell Fabricate which parts to adopt and which parts of your current app to leave alone.
The fastest way to fix a layout issue is to screenshot it from the live preview and attach it with a short description.

Design Fixes

Prompt patterns for layout, color, and typography.

Prompting Best Practices

Get more out of every message you send.