State

Flexbox

Dimensions

W

H

Padding

Fill

Opacity

Text

em

Shadow

Pin

px

px

px

px

Stacking order

Transform

Transition

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."

M

Michael Dick

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

S

Steve Schoger

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

T

Tony Ennis

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

J

Jina Anne

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

What does Modulz export?

Other plans include exporting to Gatsby and integrating Netlify for free, one-click publishing.

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 components with interactive states and design fully responsive layouts.

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.

Modulz exports to modern code libraries like React. Our goal is to import/export code seamlessly.