The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š Excited to share Dream-to-Prototype, my submission for #ConfigMakeathon!
Built with Figma Make, Dream-to-Prototype helps creators transform ideas into structured, interactive product concepts faster through an AI-assisted prototyping workflow.
The goal is to reduce friction between idea and execution, making product creation more accessible, intuitive, and efficient.
š Live Project:
https://dreamtoprotoltype.figma.site
š Figma Community:
https://www.figma.com/community/file/1646323091317047925
Built with @figma
#ConfigMakeathon #FigmaMake #ProductDesign #UXDesign #AI #BuildInPublic #Innovation #Prototyping
don't forget to make sure to record a video walkthrough and share it here :)
Does that mean the process rights?
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
ā¢ Jun 3
Get ready for the Config Makeathon! There is $100,000 worth of prizes on the line.
Reminder: The pre-registration period for access to the Figma agent beta ends today at 5pm PST.
ā¼ļø Please make sure you've submitted the email address associated with your Figma account for beta access, and that you have a Figma Pro plan set up, since Starter plans cannot be added to the beta. No additions or changes to the beta access list will be possible after today's cutoff. ā¼ļø
We can't wait to see what you'll build when the Config Makeathon begins tomorrow!
Every website starts long before the first screen is designed.
For this concept, we began with a moodboard: tea ceremony photography, botanical elements, natural textures, and a calm earthy palette.
Those references shaped the visual direction, typography, colors, and overall atmosphere of the website.
The goal isn't to copy the moodboard, but to transform inspiration into a cohesive digital experience.
Do you think the final design captures the mood of the original references?
Iām happy to take part in this challenge and share my project created with Google Stitch ā¤ļøāš„
For this challenge, I designed a marketing landing page for a sleep improvement app that helps users build better sleep habits š“
[šŖš¼šæšøš³š¹š¼š]I used Google Stitch throughout the whole design process:
- Imported my design system from Figma
- Added visual references
- Generated the first version of the interface with prompts
- Improved the content and layouts using AI edits
- Added animations and interactions to complete the experience
[šš²š š¦šš¶šš°šµ šš²š®šššæš²š šØšš²š±] In this project, I explored several Stitch features:
- Design imports
- AI editing
- Prompt-based UI generation
- Animations and motion
šš
š½š²šæš¶š²š»š°š² š¤©
I really enjoyed working with Stitch. The workflow felt intuitive and easy to understand, making it simple to move from ideas to polished screens. Creating and updating layouts was fast, and the AI-powered editing significantly accelerated the design process. I also appreciated how seamlessly Stitch worked with my existing design assets, allowing me to combine my design system with AI-generated concepts and iterate efficiently
šš¶š»šøš
Prototype: https://stitch.withgoogle.com/preview/14073781857777698748?node-id=10b283821f014ccab41648d62b15bf7e&raw=1
Workflow Video (the same video as the one attached) : https://drive.google.com/file/d/1y1NIdNjLn1JM2S_s2wYpn0jR1nB-nyoj/view?usp=sharing
š š¦šš½š½š¼šæš š š š¦ššÆšŗš¶ššš¶š¼š» š
If you enjoyed this project and found the workflow demonstration valuable, I would greatly appreciate your support. Thank you for taking the time to review my submission ā¤ļø
This is a great example of how AI can actually speed up the design process without replacing the designerās vision.
Really like how you combined your own design system with Stitchās AI capabilities instead of relying purely on generated outputs. The workflow feels practical, the...
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?