Find & fix style issues across your Framer project
Style checker scans every layer for missing text and color styles, detects inconsistencies, and helps you locate exact layer.
View now
Desktop
T
Heading 1
T
Body content
1
Missing text style
C
Bento grid 1
C
Bento 1
T
Card heading 1
Layer name
Body content
Font
T
Geist
500
Attach text style
Select a text style
Detached text styles. find text layers that are not connected to a text style and find & fix them
Desktop
T
Heading 1
T
Body content
1
C
Bento grid 1
Layer name
Body content
Font
T
Geist
500
Text style
Select a text style
Locate
Locate instantly. Jump to the exact layer on the canvas
Desktop
T
Heading 1
T
Body content
1
C
Bento grid 1
Layer name
Body content
Font
T
Geist
500
Text style
Select a text style
Locate
Tablet
T
Heading 1
T
Body content
1
C
Bento grid 1
Layer name
Body content
Font
T
Geist
500
Text style
Select a text style
Locate
Phone
T
Heading 1
T
Body content
1
C
Bento grid 1
Layer name
Body content
Font
T
Geist
500
Text style
Select a text style
Locate
Scan breakpoints. inspect styles anywhere
Desktop
T
Heading 1
C
Bento grid 1
C
Bento card 1
T
Card heading 1
T
Body content
2
Missing fill & border color styles
Layer name
Body content
Current fill
000000
100%
Attach color style
Select a color style
Current border
A8A8A8
100%
Attach color style
Select a color style
Detached color styles. find fill and border colors that aren't connected to any color style
