#Convert a screenshot to a working Flutter app

1 messages · Page 1 of 1 (latest)

maiden crest
#

Hello everyone!

I’ve been having fun this weekend implementing https://pixels2flutter.dev, a tool to convert a screenshot to a working Flutter app.

It uses OpenAI GPT-4V(ision) to interpret the screenshot and generate the Flutter code. It then loads the code into DartPad, so you can play with it right from the browser. If the screenshot contains images, the tool tries to replicate them using DALL-E.

You can find the source code here: https://github.com/davidmigloz/pixels2flutter

Try it out and let me know what you manage to generate!

PS: I got the idea from tldraw/make-real and abi/screenshot-to-code projects. So all credit to them 🙌

bronze zodiac
#

Can't seem to get it to work for this image:

image.png
maiden crest
#

have you tried adding some additional instructions?

#

for more complex UIs, adding some hints improves the results in my experience

bronze zodiac
#

Could you show some of your examples?