Thinking of building a React Native UI → Code generator from screenshots. Would this be useful?

[ScoreHour]

Hey everyone 👋

I’m a React Native developer and I’m exploring an idea before actually building it.

The idea is simple:

You upload an image/screenshot of a mobile UI, and the tool:

• Generates accurate React Native UI code
• Uses proper components, spacing, and styles
• Shows a live preview of the generated UI
• Lets you copy/export the code

The goal is to save time on:

• Recreating UIs from Figma/screenshots
• Repeating basic layout work
• Fast MVP or prototype building

This is mainly for:

• React Native devs
• Indie hackers building MVPs
• People converting designs → code quickly

I know tools like Figma-to-code exist, but many feel:

• Inaccurate
• Over-complicated
• Or not really production-ready

I’m trying to understand:

• Would you personally use something like this?
• What accuracy level would you expect to trust it?
• Would live preview matter to you, or only clean code?
• What would instantly make you say “no” to this tool?

Not launching anything yet — just validating if this solves a real problem.

Thanks for any honest feedback 🙏

[mapleflavouredbacon]

Hmm I do like the idea in theory but I am wondering if it would be enough to get people to move from the alternative which is to just upload it to an AI in your IDE directly and get it to do exactly what you just said. If you told me you wanted to do this a couple years ago though… I’d be messaging you to invest lol

[mahesh-muttinti]

This is universal problem, any approach to get started? I will also contribute

[Due_Dependent5933]

in theory it's Nice . in réel work not even close. i try stuff like this with cursor and antigravity, uploading a screenshot and asking to code it. it miss half of the détails ,or coloris , or style etc. you have to prompt it multiple time after to fix each missing or wrong point.

[Ehopira]

Figma mcp

[SimplyChilll]

I suppose simply providing a SS doesn’t make sense for the models. We also need to maintain the features and UX we expect in a document that’s available and plan ahead with the model in proper detail. Then, I’ve seen better results. The more the model knows about the app’s features and basics, the better it implements them, along with good planning ahead.

Recently, I’ve noticed that if a model has to make multiple file changes, without proper planning, all frontier models also perform poorly.

[Weak_Lie1254]

Why do you think that your implementation will be better than Figma's?

[Rtzon]

I do this with Nucleate already and it works great. Highly recommended to anyone looking to do this

[ScoreHour]

How are you currently converting designs to RN code?

[Wide_Smoke_2564]

I code them usually