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.

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
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