Font Size Badges

Select a frame and get a small badge with the font size next to every text layer inside. Built for typography documentation, design handoff and annotated screenshots.

What's in v2• Settings panel with a live preview• Label formats: 16 · 16px · 16/24 (size / line height) · text style name• Four presets (Lime, Ink, Olive, Redline) or your own fill and text colors• Badge font, corner radius, padding and opacity• Position: before, above or below the text• Light and dark theme, following Figma• Your settings are remembered between sessionsHow it worksSelect a frame, group or text layers.

Pick a style and press Add badges.

Change anything and press Update badges, or Remove to clear them. With nothing selected, Remove clears every badge on the page.

Badges are placed on the page, not inside your frames, so auto layout and constraints stay untouched. Mixed font sizes in one layer are labeled "mixed".

Free to use. If it saves you time, you can buy me a coffee from the plugin's footer.

Made by Creativetree Mikołaj Pyka.