A new way to manage your styles in Framer

See every text, color, and link style in one panel. Search, filter, edit and update all in one place

View now

0:00 / 0:00

No mess. No guesswork. Just control. Find every color and text style in seconds. Filter by font weight, line height, or color value. Update, delete, and stay in total control. Your styles. Organized. Finally.

No mess. No guesswork. Just control. Find every color and text style in seconds. Filter by font weight, line height, or color value. Update, delete, and stay in total control. Your styles. Organized. Finally.

No mess. No guesswork. Just control. Find every color and text style in seconds. Filter by font weight, line height, or color value. Update, delete, and stay in total control. Your styles. Organized. Finally.

Text

Colors

H1

Heading 1

69

H2

Heading 2

44

H3

Heading 3

32

Font

Inter

Weight

500

Text

Colors

H1

Heading 1

69

H2

Heading 2

44

H3

Heading 3

32

Font

Inter

Weight

500

Find styles instantly. Search styles by name, hex value, or keyword in one organised view.

H1

Heading 1

44

H2

Heading 2

69

H3

Heading 3

32

H4

Heading 4

23

Usage count. know how many layers are connected

Light

Hex

#232329

Dark

Hex

#FFFFFF

Theme aware. Preview and adjust your styles both theme

H1

Heading 1

69

H2

Heading 2

44

H3

Heading 3

32

Font

Inter

Weight

500

Font weight

Font weight

Font weight

Font size

Font size

Font size

Line height

Line height

Line height

Colour

Colour

Colour

Filter with precision. Refine your search with precise values for font weight, font size, line height or colour value

Text primary

64

BG

14

Border 1

32

Light

Hue

90

Saturation

83

Lightness

90

Hex

#E7CEFB

Dark

Hex

#FFFFFF

Color style updated successfully

Real time updates. Changes sync instantly across you entire canvas and all your breakpoints

Undo

⌘+z

Undo anytime. every change can be undo with a single click

Home

Components

Plugins

Templates

Blogs

Code

Components

Plugins

Blogs