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
I developed Text2UI, an intelligent playground that transforms natural language descriptions into fully functional, production-ready UI components. By engineering precise system prompts, the application interprets user intent and generates clean, responsive JSX and Tailwind CSS code in real-time.
Key Technical Contributions:
Advanced Prompt Engineering: Developed "Chain-of-Thought" instructions to ensure the AI generates bug-free, accessible (a11y) components.
Real-Time Rendering: Built a dynamic preview engine using React that instantly compiles and displays generated code.
Interactive UX: Designed a minimalist dashboard with "Quick-Start" templates (Pricing Tables, Hero Sections) to showcase immediate value.
MERN Integration: Utilized a Node.js backend to securely handle API orchestration and component versioning.
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
Sapiens: Defeating the Bot Invasion 🛡️👁️
Social platforms are flooded with bots. The "Like" is now a fake, scripted signal. I built Sapiens for the #FigmaMakeathon to prove that humanity is the only verified currency.
The Solution: Proof of Soul
Using Figma Make, I engineered a "Human Firewall":
The SAP (Emotional Resonance): No more cold clicks. Interact by showing your true self via real-time facial expressions or body gestures.
Gestural Stories: Reimagined "Story Likes." You must hand-draw a heart, an analog signature no script can replicate. ❤️
Human-Only Dessert: Hidden "Easter Egg" games inside the progress bar. Playful challenges that only a real person can appreciate. 🎮
Let's reclaim the internet for Sapiens. Leave a Like to support! ❤️
Try it here!
https://art-trace-27187066.figma.site/
🔊 Sound On
Such an interesting concept of implementing physical emotions to convey how you feel about something!
Wouldn't it be funny to see people out in public expressing their likes this way 😂
Out of curiosity, where would other forms of facial expressions like deadpan/confused sit...
https://conductor.figma.site/ - Be your own DJ , control songs and particles with just hands.
Built with Figma Make. No controllers. Just your webcam.
What you can do:
Wave your hands to create music and move particles
Upload any song and remove vocals with a fist gesture (instant karaoke)
Draw in mid-air with a pinch gesture
Watch particles morph into shapes — hearts, music notes, spirals
Record your session and export as video
Invite a friend for split-screen multiplayer via a shareable code ( Working with same WiFi )
I built 3 Figma projects — and one of them makes your portfolio in 2 clicks. ⚡
Started with a Habit Tracker at last year's #FigmaMakeathon. Now in 2026, I've got two more live:
→ Tool Stack — Every online tool, one place. Filter, find, submit. 🔗 toolstack.figma.site
→ Doomfolio — Portfolio builder, 2 clicks, done. 🔗 doomfolio.figma.site
→ Clean Spot (coming soon) — Find the nearest dustbin in your city. 🗑️
Building in public. More coming. 👇
#FigmaMakeathon #FigmaMake #Contra
Love the “portfolio in 2 clicks” angle — that’s a strong hook.
Are you positioning Doomfolio more for designers or devs first?
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?