The visual code editor

Design, build, test, document and deploy your design system—without writing code.

Beta coming soon

The visual code editor for designing and building digital products—without writing code.

Almost all design tools are optimised for illustration. Vector-based tools are great for wireframing and exploration, but when it comes to designing interactive components, complex layouts and stateful user interfaces—we need something more powerful.Modulz is specifically designed to produce robust, accessible, production-grade components and interfaces.

Supported by

InVision
Adobe

"Modulz is one of the most exciting design tools I’ve seen. This could revolutionize design workflows."

MMichael Dick
Michael Dick

"Of all these new UI design tools coming out, I think Modulz looks the most promising. Excited to give it a try."

SSteve Schoger
Steve Schoger

"It’s exciting to watch a small group of people working on an idea which will fundamentally change a discipline."

TTony Ennis
Tony Ennis

"I can’t wait to try Modulz.
It looks so cool!"

JJina Anne
Jina Anne

"Empowering designers to iterate on the *actual* product they are working on—this is the future of our industry"

JJack Lo Russo
Jack Lo Russo
Interested? Check out our Kickstarter!
Visit Kickstarter
Blog
More about what we're doing.
Help us Kickstart Modulz
Who we are, what we're building and how you can support us.
CColm Tuite
Colm Tuite
Oct '18
The design tool dilemma
An outline of two opposing narratives emerging in the design tool space.
CColm Tuite
Colm Tuite
Jul '18
Design tools are running out of track
A detailed look at what is most lacking in our current crop of design tools and how we might improve our workflows.
CColm Tuite
Colm Tuite
Sep '17
How to construct a design system
Tips for designing and building a consistent design system.
CColm Tuite
Colm Tuite
Feb '17

Will Modulz be a desktop app or a web app?

Initially, Modulz is a progressive web app. It works with OSX, Windows and Linux. You can share your work freely and easily.

Is Modulz for mobile or desktop design?

As a design environment, Modulz will support all devices. In terms of code output, we're focusing on web initially, but we have plans to support mobile.

How does Modulz compare with Sketch/Figma?

Sketch and Figma are both drawing tools. Modulz is a dedicated UI design and development tool.

Modulz feels familiar—it has layers, artboards and a properties panel. But there are no vectors. With Modulz, you can build production-ready components.

How does Modulz compare with Webflow?

Of all design/dev tools, Modulz is most similar to Webflow, with a few key differences.

Modulz is 100% component-driven with design systems baked right into its core and exports to modern code libraries like React.

What does Modulz export?

Production-ready React components. Specifically, styled-components.

Soon, we'll add support for emotion, styled-jsx and vanilla HTML/CSS. Eventually, we plan to support Preact, React Native and Vue.js.

What are your future plans?

Our goal is for Modulz to be the best place to design, build, test, document and deploy your design system.

Modulz will be a central hub for all things product + design systems related.

Modulz will export production-ready code that can be consumed by engineering teams.

© Modulz