MockFlow StyleGuide - Create Design Guidelines and UI Specifications

Specify, share and update Design Guidelines for your products and brand in an effortless way with MockFlow StyleGuide. StyleGuide helps to make specifications for your Design with fonts, colors, images, UI Elements etc. This helps designers and developers to collaborate on projects much easily by using StyleGuides as a reference.

Themes

Once you create a StyleGuide, its look and feel can be instantly changed by switching its Theme. MockFlow StyleGuide already comes with 4 built-in Themes with more on the way including custom themes.

Sections

StyleGuide provides four kinds of sections which can be used to document any design specs simple and fast

Colors

Add custom colors or pick color from popular palettes like Material, Boostrap, Flat... Color codes like Hex, RGB are auto-generated for immediate use. Using notes specify where and how to use the color.

Fonts

Typography is an essential part of design. Easily pick fonts from popular font providers like Google or upload your own Custom Fonts along with their typefaces.

Text

Use Text sections to provide details, instructions, notes or alerts as part of the StyleGuide. Text Layout can be selected based on the type of content.

Images

Showcase your design, UI Elements or pictures used in the design in this section. StyleGuide provides three kinds of image layouts - Grid, Single Column and Masonary styles.

Sharing

As part of MockFlow Design Cloud, Collaboration features are built-in like other MockFlow products. StyleGuides can be either shared privately with editor or reviewer permissions OR publicly by generating links.

Use Cases

StyleGuides provide huge scope for designers to document what they create. When a design is documented it makes it easy to iterate, share and manage its specs.

Design Spec

Design and UI Specifications

Showcase Brand

Create and share Branding Guidelines