Honey design system

Webflow Design System - Design landing pages in minutes

Say goodbye to design headaches and hello to a cohesive, efficient team with our user-friendly design system training based on Honey design system. Tailored for Figma and Webflow.

Download Figma

Pricing

Adapt any layout

Less QA

Responsive components

Watch demo

Putting a landing page together in 1 minute

In this guide you will:

Build ANY layout in a couple of minutes

No more manual dragging and dropping

Save HOURS of designing

Watch demo

Putting a landing page together in 1 minute

In this guide you will:

See how easy it is to make it resposnive

Skip the wireframe phase without skipping the process

Reusable components

8 point grid system

Developer friendly

Easy customization

Ready for Webflow Wizards

Autolayout & Variant

Simplified to reduce confusion

How does it work?

Watch step-by-step guide

Take a look at how you can go from design in Figma to a working website in Webflow in a few easy steps.

Step 1

Colour & typography

Pixel perfect 8 point grid typography & colour scale

Change all text with a couple of clicks

Update colours without detaching any styles

Step 2

Spacing & adjustments

Built-in auto layout for automatic resizing and adjustment

Seamless content alignment with no friction!

8 point grids ready to use for 6 resolutions

Step 3

Plug & play

Ready to use components

Easily plug in any design assets in to the slot component page builder

Adjustable layouts make for seamless and quick editing

Step 4

Make it responsive

Create responsive viewports for all resolution sizes

Ship products faster with Flexbox inside of Figma

Build responsive from design - to development

Why honey design system

From Figma to Webflow

Different brands, the same system

Customization has never been this simple.

Figma Flexbox

Components built with Flexbox properties make for quick export and even quicker implementation. Hassle-free and delightfully smooth.

Pricing

Pick the package that’s right for your business

Take a look at how you can go from design in Figma to a working website in Webflow in a few easy steps.

Figma files

Use on unlimited projects based on the most recent version of Honey design system.

UI kit for Figma

Lifetime access

1 user

4 readymade templates

Free

Download Figma

Full training for design teams

Empower your design team with a top-quality design system, saving hundreds of hours in design and QA.

Entire team step by step training

10 sessions

1 month post-training mentoring

UI kit for Figma

Lifetime access

Free update

4 readymade templates

$4,999 / one time

Get started