Flowmo Editor

Welcome to Flowmo's Editor If you have prior experience with standard design software, you'll find the interface quite intuitive and easy to start!

The left sidebar in most modes is where you can select layers, spaces and global elements of your project.

At the top you can see the project name

Under that you can see the 2 tabs, Layers tab, in that tab you can see all of your spaces and all of the layers of the elements you got in your project.

“Space” is actually another editor canvas.

In the second tab you can find anything that is related to your “Design System” tab

At the top of the interface, you'll find essential design tools such as frames, shapes, iamge, text, and video.

When clicking on the Flowmo icon, you have the functionality to navigate back to the dashboard, as well as options to save, export, or alter the theme of your workspace.

Create a new Frame

Create a new Rect

Create a new Text

Add a new image

Flowmo plugins and helpers:

Zoom level select

On preview mode you can see how the selected page looks on different screen sizes:

Transform

You can snap the object to any position you want

2D / 3D

you can set the perspective of any object for it to appear as 3D

X, Y

you can set the X and Y position of the object.

Constraints

you can set the constraints of each object, to Left, Center, Right and Top, Center, Bottom.

Angle

set the angle of the object, where 0 in the positive X axis, and it is CW.

Position: if you want you can set the object position to be fixed position or to keep it sticky.

Sizing

You can change the sizing to be one of the following:

Min and max

here you can set the maximum and minimum width and height values of the object (good practice for responsive design)

Radius

here you can set the radius of each corner of the object

Clip Content

when you mark this, it will clip the content of objects that are not supposed to visible, for instance, in a frame, you don't want to see objects or part of objects that are outside of the frame

Fill

You can add multiple fills layers Each layer can be of the following:

Solid color

Gradient

Image

Video

You can adjust the opacity of each fill layer

Font

You can choose any webfont you want, or any font you uploaded

LTR/RTL

You can set the direction of the text to be left-to-right or right-to-left

Font weight

You can set the weight to any weight the font you selected supports, for example: regular, thin, bold. Etc

Line height

you can set the line height in any unit of the following: px/rem/%/em.

Font spacing:

you can set the font spacing to any unit of the following: px/rem/%/em.

Align

You can set the align to the Left, Right, Center and Justify.

You can add an Underline, Overline and Strikethrough

You can set the Min and Max values of the font size (as in other objects, it is good practice for responsive design)

At the bottom of the screen you will see a "mode-changer", currently Flowmo has 3 modes:

Each mode changes the User-Interface so you could focus better on what you do.