License

• Log in to your account
• Manage licenses

Start

• Download the Figma file
• Access the plugin

Essentials

• How to variables in Figma
• Where Should You Use Each Variable?
• Figma Styles
• Figma Auto Layout: Design with Flexbox
• Card design
• Columns and Grids with Auto Layout in Figma
• Containers and sections in Figma

Figma variables

• Variable operations in figma
• Auto-generate color variations

Export / import

• Functions to export variables
• Download variables and color palette
• Import variables into Bricks builder
• Import color palette into Bricks Builder

Copy and paste

• Before you start
• The font-family
• How to copy and paste?
• SEO and semantic tags
• Auxiliary tags
• Background linear gradients
• Display GRID and responsive design
• Workflow with classes
• Rename / BEM tool

ACSS support

• Preparing variables for ACSS
• Exporting Figma variables to ACSS

Bricks native elements

• Buttons
• Links
• Logo
• SVG
• Counters
• Nav menu
• Sliders
• Accordions
• Tabs
• Forms
• Breadcrumbs
• Maps
• Filter search
• Filter checkbox