Advanced auto layout tool
All eyes on Grid.
Meet our Grid – sophisticated auto layout
engine where code principles are integrated
with full visual control.
Responsiveness and flexibility
It's not just a snap to guides. All the elements
automatically adapt to grid layout, content, position
and screen width.
Grid layout
in one touch
Create CSS-like grid layouts with rows and columns directly in canvas using drag’n’drop.
Absolute positioning & absolute control
This is where total design freedom begins: now you can place your absolute positioned elements into any auto layout container.
Powerful flexbox with Stack
Make your grid more flexible with our Stack tool and build responsive layout with no limits.
Visual control
You can edit position, size, margins, paddings, and other properties on the fly in real time.
Layers
A familiar Layers panel will help you to control the site structure and the element order.
Built-in micromodule
All the dimensions can be linked to a micromodule built into the design system.
Adjustable grid
You can override all grid settings: number of columns, gutter, container width for every block.
Design system tool
Rock’n’roll.
Desig’n’system.
Create, develop and upgrade your design system together with your website at minimum cost.
Tune every aspect of design system
And keep visual consistency throughout the website.
Grid
Change the grid settings on all pages in one click.
Colors
Use color variables to control your color palette.
Themes
Color and recolor the whole blocks and all the elements inside.
Fonts
Manage your headings and body font styles using our tools.
Variables
Keep everything under control: shadows, radii, borders, and transitions.
Variants
Synchronize and edit every component appearance with our Variants.
Presets
Change all the color and font sets of the whole website with our Presets.