Extracting React apps from Figma Make's undocumented binary format
How I reverse-engineered Figma Make’s binary format to extract complete React applications. A deep dive into ZIP archives, Kiwi schemas, and dual compression algorithms.
Extracting React apps from Figma Make's undocumented binary format launched on January 23, 2026 with 55 votes, #527 of 14,585 launches that month and more than 95% of that year's launches.
In plain words
This tool extracts React applications from Figma's undocumented binary format. It's designed for developers who work with Figma designs and want to convert them into functional React code without manual rebuilding. The project addresses the challenge of automating the transition from design files to code by reverse-engineering Figma's proprietary file structure.
written from the facts on this page · September 2026
From the sources
A client came to me with a beautiful UI. They’d built it in Figma Make, the AI-powered prototyping tool. The app looked stunning, animations were smooth. Just one problem: I couldn’t get to the actual code. Normally you can use the api or export design files, but not with Make. The Figma API Returns {"status":400,"err":"File type not supported by this endpoint"} for Make files. Why would you not be able to do that? The wonders of corporate lock-in, I suppose. That’s a problem: no design file. What now? So on to searching for ways to extract the code. So I started clicking around the Figma interface, looking for anything useful. That’s when I noticed you can download the .make file itself.…from albertsikkema.com
Does a similar job
all alternatives →
- CRCopy React code from any site2022 · sample-code.aspect.app · ▲374
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
