Skip to main content

​
What are reference images?

Reference images are screenshots, mockups, or photos you upload alongside your prompt. The AI uses them as visual guidance when designing your app — matching colors, layout patterns, and overall aesthetic.

​
How to use them

  1. Click the image upload button in the chat input
  2. Select one or more images from your device
  3. Add a text description explaining what you want
  4. Send the message
Always include a text description with your images. “Build an app that looks like this” with a screenshot works much better than uploading an image with no context.

​
What works well

  • App screenshots — screenshots of apps you admire for design inspiration
  • UI mockups — wireframes or designs from Figma, Sketch, or similar tools
  • Moodboard photos — images that capture the aesthetic you want (colors, textures, mood)
  • Sketches — even hand-drawn sketches of your app layout

​
What the AI extracts

From your reference images, the AI identifies:
  • Color palette — primary, secondary, accent, and background colors
  • Layout patterns — card-based, list-based, grid, etc.
  • Typography style — bold headers, minimal text, dense content
  • Component styles — rounded corners, shadows, borders, spacing
  • Overall mood — playful, professional, minimal, bold

​
Tips for best results

  • Upload 2-3 images for a well-rounded design direction
  • Mix image types — one app screenshot + one moodboard photo works well
  • If you want a specific element from an image, call it out: “Use the card style from this screenshot but with a dark background”
  • Higher quality images produce better results