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
Built an entire flowstep mobile UI in one session - 5 screens, zero Figma files.
Connected Flowstep MCP to Claude ai > generated every screen directly on the canvas via Claude prompts. No manual pixel-pushing.
My designs in Flowstep canva, public link below:
Then replicated the full design in react.js and deployed on Github pages. Explore below, hope you enjoy it...
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
I finally built my own version.
Using Flowstep, Claude (via MCP), and Figma, I turned that childhood idea into a playable MVP where you can customize your character, choose different worlds, pick obstacle packs, and jump into the game.
🎮 Play it here:
https://dino-game-ten-beige.vercel.app
🎨 Flowstep prototype:
https://app.flowstep.ai/file?activeFileId=a88187e9-97f9-491d-a012-026e49a0e483
Now I have one question...
What's your highest score? 👀
Drop it in the comments—I want to see who becomes the SWAP DINO champion. 🦖🏆
Legacy — A Digital Time Capsule for the Future
Legacy is an interactive digital time capsule that helps people preserve memories, stories, and messages for someone to receive in the future.
Users can create capsules for a child, partner, family member, or future self, then add letters, voice recordings, videos, photos, recipes, life advice, and milestones.
The core interaction is a visual timeline. Users drag memories onto future years and choose when they should unlock. For example:
“This letter will unlock in 9 years.”
Once a capsule is complete, the user selects a recipient, sets an unlock date, adds a trusted contact, previews the recipient experience, and seals it.
When the date arrives, the recipient verifies their identity and opens a guided story containing everything preserved for them—not just a folder of files.
The prototype was built in Flowstep and includes:
Capsule creation
Multi-format memories
Interactive timeline
AI-assisted writing and transcription
Recipient verification
Trusted contacts
Family archives
Capsule preview and sealing
Future delivery and private replies
https://app.flowstep.ai/file?activeFileId=adab4a3f-de63-47b4-a348-21bfc897bcad
The design is warm, minimal, and editorial, using General Sans, Inter, and IBM Plex Mono with a restrained off-white and burnt-orange color system.
Legacy asks one simple question:
What do you want someone to remember about you years from now?
Static images are boring. Dither them live.
Turn your image or video into retro dithered artwork. No editing software. No image prep. Just drop it in.
Dither Engine (Check Preview) - Works with both images and videos → 6 presets → 6 dithering algorithms → 8 animation modes → 7 interactive cursor effects → all in one Framer component.
🔥 Launch offer: $15 Buy now
The real-time part is what makes this worth it. Baking a dithered look into an image locks you in, but a live Framer component lets me swap the source art and keep the treatment consistent across a whole site. The cursor interaction modes are a smart touch for a hero.