The next step in visual coding

Like Sketch but with vectors interactive components, freeform box model layout and handoff React export.

Coming this Winter
Watch teaser

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? We're running a Kickstarter soon!
Follow on Twitter
Blog
More about what we're doing.
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.

What does Modulz export?

Production-ready React components. Next, we'll add support for vanilla HTML/CSS.

Soon, we plan to export to Preact, React Native and Vue.js.

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.

What are your future plans?

Our first priority is building out the core product.

Then, we'll add team features like existing component library import. We're planning a community-driven, production-grade component store.

The end game is Github integration, so teams can seamlessly pass production code between Modulz and text editors.

© Modulz