Magical Blocks - Export design system to code

About this plugin

Convert your design system to a native iOS components library that your developers will love. It’s like a copilot for your design system.

Seamless handoff between designers + developers

Getting your design system up and running takes considerable effort and resources. Between getting buy-in and finding engineering bandwidth, it can be months before design systems find any real traction.

That’s why we built Magical Blocks, a tool that lets you generate custom, production-ready UI component libraries from Figma. Plus, our developer tooling makes it easy for your team to adopt. Take your design system to the next level with clean, reusable code components.

How it works

• Use the plugin to export from Figma to Magical Blocks
• In the Magical Blocks dashboard, categorize your assets (like button or toast)
• Create a package with your categorized assets and hit Publish
• Magical Blocks generates a developer-friendly iOS package
• Start building!

Magical Blocks is currently in alpha. We're looking for folks to help alpha test Magical Blocks. If you're passionate about design systems and collaboration between designers/developers, come get early access at magicalblocks.com.