——— AI Impact Delivered
Design and development were misaligned. I use AI to bring them into sync.
01 / Design
Watch the workflow
Design to Development
The problem
Design and development were disconnected.
Figma designs had to be manually translated into code, causing delays, inconsistencies, and constant back-and-forth.
What I built
A Design Layer that converts Figma tokens into developer-ready output.
It creates a single source of truth where design and code stay perfectly in sync.
The result
60
%
Faster frontend delivery
Design changes that once took days now take hours with consistent, scalable output.
Figma to production ready frontend Flutter code
02 / AI WORKFLOW
Watch the workflow
Figma Design Tokens to Flutter Frontend Code
The problem
We are working with tight deadline. API ready, logic written, UI still waiting. Developers had to stop critical work just to translate design into frontend code.
What I built
An AI pipeline that reads Figma design tokens and auto-generates production ready frontend Flutter code. No manual translation. No back and forth.
The result
35
%
Developer time saved. Frontend design changes that took days now take few hours.
Figma component to Storybook
03 / Story Book
Watch the workflow
Figma component to Storybook
The problem
Every time a Figma component needed to reach Storybook, it required significant manual dev effort. Properties, variants, states , all rebuilt by hand every single time.
What I built
Connected Figma MCP to Cursor IDE. One AI prompt reads the selected Figma component and auto-generates the complete Storybook file with all variants, states, and properties working
The result
15
min
4 files written automatically. A production ready Storybook component that used to take hours now in minutes.
More things are on its way… to this page
OPEN TO NEW ROLES
Ready to make your
product move faster.
Looking for the right team to grow with — SaaS, healthcare, or enterprise. If design velocity and product quality matter to you, let's talk.