@sagardattatrey1@rajatpatel2113 Thanks Sagarโ๐ป. Yes i used Figma MCP in read mode only so that claude can understand my file and convert the design system in code.
Introducing Nucleus, a design system I built end-to-end from scratch.
Designed in Figma. Generated React + Storybook with Claude. Wrapped in a visual playground website for designers.
Huge thnx to @rajatpatel2113 for teaching all this at Interface Anatomy (Molecule) โ๐ป
@me_Jahanvi@rajatpatel2113 Thanks! Not really, bcz this is mainly a learning project and i made foundational components like buttons, tabs, etc. that already follow widely tested UI guidelines.
Han, for colour palette, I did check basics like contrast.
Will use nucleus in another project ๐๐ฌ
T1
Spent a weekend vibe-coding a full cafe management tool with claude.
see the demo in action below ๐
prompt + login credentials in the rest of the thread.
T4
The whole thing started with one prompt in claude chat. no spec, no figma โ just plain English.
the PRD it wrote back became the base for claude code.
Try it yourself ๐ ๐ https://t.co/9HHhLl96Zs
T3
Two completely different experiences built into one product:
๐ owner sees everything
๐คต๐ปโโ๏ธ staff sees only what they need
Attaching just a glimpse, go try the tool yourself
I made my UX portfolio live in mid of March.
Today, I finally checked analytics and they were decent ( i guess)
As designers, tracking your work is as important as creating it.
Sharing a snapshot + quick breakdown of metrics here ๐.
Well after the famous Bangalore auto-rikshaw video, i tried to make a Delhi version of our reckless E-rikshaw drivers. Here is the sample video
@Google@GeminiApp
Inspired by @HNitisvaar 's tweet