BRICKS

Bricks is a design and CSS development framework for a professional and efficient workflow.

Build high-end scalable websites – like a PRO, from Figma to Webflow.

Figma Style Guide

Bricks Framework - Figma Style Guide

Webflow Style Guide

BRICKS Framework - Webflow Style Guide

Documentation

BRICKS Framework Documentation
We created the Bricks Framework to have a production ready Figma to Webflow design and development workflow, that covers advanced needs and is based off best front-end development practices.

Build for Efficiency

Tokens

Change brand and core style parameters globally by setting up design tokens.

Variables

A faster and more efficient workflow by styling Figma and Webflow Variables.

Seamless Figma to Webflow Workflow

Download the Figma and Webflow Starter Projects and build seamless web experiences.

Themes

Change section and page colors by simply switching between theme modes.

Tokens

Change brand and core style parameters globally by setting up design tokens.

Variables

A faster and more efficient workflow by styling Figma and Webflow Variables.

Seamless Figma to Webflow Workflow

Download the Figma and Webflow Starter Projects and build seamless web experiences.

Themes

Change section and page colors by simply switching between theme modes.

#madewithbricks

Preview Live Site
Preview Live Site
Preview Live Site
Preview Live Site
Preview Live Site
Preview Live Site
Get in Touch
Keep scrolling ↓
Explore what's next

↓ Keep scrolling to explore our website templates

As Certified Experts we build high-quality HTML website templates for both Webflow and Framer.