I launched Esprit Code – a tool that converts Figma designs to HTML/CSS instantly
Hey IH! 👋 I'm Keita, an indie developer based in Japan.
After spending too many hours manually converting Figma designs
to HTML/CSS, I built Esprit Code to eliminate that repetitive work.
🚀 What it does:
- Auto Layout → CSS Flexbox
- Grid Layout → CSS Grid
- Masks, gradients & blend modes
- Multi-frame export in one click
The conversion engine is built with Node.js and uses the Figma
REST API directly. Real-time progress updates via SSE keep
users informed during conversion.
📊 Current status:
- Launched 4 days ago
- First real user signed up within days of launch
- Free plan available (no credit card required)
💰 Pricing:
- Free: 5 conversions/month
- Starter: $10/month (30 conversions)
- Pro: $25/month (100 conversions)
- Power: $100/month (500 conversions)
Would love feedback from anyone who's dealt with the
design-to-code handoff pain point — especially what
Figma features matter most to you.
Trending on Indie Hackers
Tools like this are great when people can instantly see the before-and-after. For example: a Figma frame on one side and the generated HTML/CSS on the other in a quick walkthrough. That kind of visual demo can be very powerful for landing pages and social posts. I help startups create short product launch and demo videos that highlight workflows like this, so if you ever want to promote Esprit Code more visually I’d be glad to help.
The design to code handoff is honestly one of the most underrated pain points in app development.
We work with designers and developers both and this gap causes lot of back and forth. Designer thinks it looks exactly like Figma. Developer says it was never possible to build exactly like that. Client is confused why final product looks different from the design.
The Auto Layout to Flexbox conversion is the part I am most curious about honestly. That is where most tools struggle. Figma auto layout has so many edge cases that just dont translate cleanly to CSS.
How are you handling responsive breakpoints? That is usually where Figma to code tools start showing cracks in our experience 😄
I remember the days I was taught this exact process of manually creating pages from Figma. It was 4-5 years ago. That's great, you created this automation. Great product!