Menu
Back to blog

You Can Now Drop Images Into BuiltByMe.ai. Here's What Happens.

5 min read

Yesterday I wanted to build a landing page that looked like Apple's website. Clean, minimal, lots of white space. But here's the problem: how do you describe that in words? "Make it look like Apple" doesn't tell the AI much. "Clean and minimal" could mean anything.

So I took a screenshot of Apple's homepage, dropped it into BuiltByMe.ai, and typed: "Here's a screenshot of the Apple website. Make a similar layout to this site."

"Here's a screenshot of the Apple website. Make a similar layout to this site."

[Image attached: Apple.com homepage screenshot]

The AI analyzed the image. It saw the hero section with large text, the product grid below, the navigation bar, the spacing, the typography. Then it generated code that matched the visual style. Not a pixel-perfect copy, but something that felt the same. Same vibe. Same structure.

Why This Changes Everything

Before this feature, building something that looked like an existing site meant either:

  • Describing every detail in words (tedious and error-prone)
  • Hiring a designer to create mockups first (expensive and slow)
  • Building it yourself and copying the design manually (time-consuming)

Now you can just show the AI what you want. Screenshot a website you like, drop it in, and say "make something like this." The AI understands visual design in a way words can't capture.

What Actually Happened

When I dropped the Apple screenshot, the AI didn't just copy the colors. It understood:

  • The layout structure (hero section, grid below, footer)
  • The typography hierarchy (large headings, smaller body text)
  • The spacing patterns (generous padding, breathing room)
  • The color palette (whites, grays, subtle accents)
  • The overall aesthetic (minimal, focused, premium)

Then it generated React components that recreated that feeling. Not a template. Not a clone. A new site that felt like Apple's design language.

The Real Use Cases

This isn't just about copying Apple. It's about removing the translation layer between what you see and what you build. Here's what people are actually doing with it:

  • Dropping a screenshot of a competitor's site and saying "make something similar but with my branding"
  • Taking a photo of a physical product and asking for a landing page that matches its aesthetic
  • Sharing a design mockup from Figma and getting working code that matches it
  • Referencing a specific UI pattern from another app and incorporating it
  • Showing a color palette or typography style and asking the AI to use it

The image becomes context. The AI sees what you see, understands what you mean, and builds accordingly.

How It Works

You can drag and drop an image into the textarea, or click the image icon to upload one. The image gets attached to your prompt, and the AI uses it as visual reference when generating your app.

It's not just looking at the image. It's understanding composition, hierarchy, spacing, color relationships. The kind of design decisions that are hard to put into words but easy to see.

And you still get real code. Not a locked template. Not a screenshot. Working React components you can modify, deploy, and own.

What This Means

For years, the gap between "I want it to look like this" and "here's the code" required a designer and a developer. The designer would create mockups. The developer would translate those mockups into code. Two people, two steps, two opportunities for things to get lost in translation.

Now you can show the AI what you want and get code that matches. One step. One person. No translation layer.

This doesn't replace designers. But it does mean you don't need a designer just to communicate a visual style. You can show, not tell.

Try It Yourself

The feature is live right now. Go to BuiltByMe.ai, find a website you like, take a screenshot, and drop it into the textarea. Then describe what you want to build.

You can use it for:

  • Landing pages that match a specific aesthetic
  • Dashboards that follow a design system you like
  • Product pages that use a layout you've seen elsewhere
  • Any app where the visual style matters as much as the functionality

The image becomes part of your prompt. The AI sees it, understands it, and builds accordingly. No more guessing what "clean and minimal" means. Just show it.

Want to try this yourself?

Drop an image into BuiltByMe.ai and describe what you want to build. You'll own the code.

Start Building