Styles to Components by Tokyo

About this plugin

Turns your local Figma Styles into three tidy component boards: Colors, Typography, and Effects.

Supports multiple shadows & blurs (drop/inner/layer/background), auto-fits details, dark effect previews, and updates in place. Create near cursor, update existing frames where they are.

Features

1-click boards: 🎨 Colors, 🔤 Typography, ✨ Effects

Reads your local Styles; preserves folder order

4-across layout with clean spacing

Effects: multiple layers summarized (offsets, blur, spread, color)

Create at cursor, update in place

No network; runs entirely in the editor

Great for

Design systems, style audits, handoff boards, and spec reviews.