Modulz March release: Layout tools, image upload, preview player, drag+drop, undo/redo

CColm Tuite
Colm Tuite
·
April 05, 2019
·
1 min read

Since launching Modulz alpha on February 27th, we've been busy shipping some cool new features. Here's a recap of what we've been up to.

Layout tools

New projects now include `Layout` and `Box` components. Use the Box component to style generic elements and group elements. Use the Layout component to arrange, align and distribute elements.

A video demonstrating the new layout tools in Modulz.
A video demonstrating the new layout tools in Modulz.

Image component

Drag+drop images onto a device to upload them. You can also drag+drop images inside a specific component.

A video demonstration of the new drag+drop image upload feature.
A video demonstration of the new drag+drop image upload feature.

Icon component

We've integrated our very own Radix icon set directly into Modulz. This includes 150+ high-quality icons, which we use in Modulz. Soon, we'll integrate a bunch of popular icon sets like Feather icons.

A short video demonstrating the new icon component in Modulz.
A short video demonstrating the new icon component in Modulz.

Drag+drop layers

You can now drag+drop components into the layer tree or directly onto a device. You can also drag+drop components within a device to reorder them. Layer tree usability has been improved.

Drag and drop layers to arrange elements and build layouts.
Drag and drop layers to arrange elements and build layouts.

Preview player

Preview your prototypes live in your browser. Toggle through the available devices and watch your content reflow automatically. Interactive components are, well, interactive. Copy the shareable link to post your design to Twitter.

Preview your prototypes live in the browser and share the URL.
Preview your prototypes live in the browser and share the URL.

New color tool

We shipped a brand new color tool with support for HSL, RGB, CSS and HEX.

A short video demonstrating the new color tool in Modulz.
A short video demonstrating the new color tool in Modulz.

Undo/redo

Nothin' too fancy here—it does what it says on the tin.

In other news

  • Our team is now 6 humans strong; Stephen, Abdul, Lochlan, Pedro, Alana and myself.

  • We're sponsoring ClarityConf in San Francisco in August. We're flying the team out to demo Modulz, giveaway swag and hang out. Hope to see a bunch of you there!

  • We'll also be at Web Directions Design conference on April 11th in Melbourne.

  • We're on track to launch the Kickstarter beta on May 29th. Hang in there backers!

Early Access
We're now in closed-alpha for our Kickstarter backers.Sign up to hear from us as soon as we're ready with public early access!

If you wanna follow along, we post regular updates on Twitter and Spectrum.