Ebenezer Olaleye
Graphic designer focused on User experience
Profile in progress
Ebenezer is building their profile!
Every AI engineer knows the pain. You spend days perfecting your model, your logic, your integrations , then your app goes live and looks like every other generic AI tool out there. The design is an afterthought. Not because you don't care ,but because there's no bridge between great design inspiration and the code your IDE understands.
That's the problem I built YeeraAI to solve.
What YeeraAI does?
Drop in any website URL, screenshot or Figma file — and YeeraAI instantly generates:
+ A structured design.md file — capturing colors, typography, spacing and components
+ A tailored prompt for AI coding tools like Cursor — so you can build interfaces that look intentional, and not templated
How I built it — the full workflow:
Figma Design Agent — Designed the entire UI in one click. Described what I needed, the agent built it. No manual frames, no wrestling with auto-layout. Just instant, production-ready UI.
Figma Make — Took that design and turned it into a real working React application. Vite, Tailwind, components — all generated. I went from design to live codebase without writing a single line of boilerplate.
Figma Weave — Used to create the video elements for this submission. Bringing the story of YeeraAI to life visually, showing the workflow from idea to deployed product.
Supabase — The entire backbone of YeeraAI. Handles user authentication, stores user data, and hosts the Edge Functions that power the AI analysis — securely connecting to Gemini and Context.dev without ever exposing sensitive keys to the frontend.
🔗 Try YeeraAI: yeeraai.figma.site (http://yeeraai.figma.site)
Community link -Community link (https://www.figma.com/community/file/1648551096200168981/yeeraai-design-md-extractor)
Make link - Make link (https://www.figma.com/make/ofZ6C1PeGWyRKPCvVQb6aC/Config-Figma?t=km4AVntDSUPWVH6p-20&fullscreen=1 )
4
215
A 3D animation for Busha, explaining the newest feature.
1
67