CopyToken

About this plugin

CopyToken is a developer-focused Figma plugin that helps you inspect and copy design tokens directly from your designs.

If your team uses Figma Variables as a source of truth but doesn’t rely on automatic design-to-code generation, CopyToken makes token handoff fast, predictable, and friction-free.

Simply select a layer and instantly see which tokens are applied — including colors, typography, spacing, and borders. Copy tokens individually or copy all detected tokens at once, formatted and ready to use in code.

No exporting. No guessing. No digging through panels.

✨ Features

Detects tokens applied via Figma Variables

Copy tokens individually or copy all tokens at once

Clean, floating inspector UI

Customizable CSS variable naming (prefix & format)

Output ready for real-world frontend workflows

🎯 Who it’s for

Frontend developers

Design system engineers

Product teams using Figma Variables

Projects without automatic code generation pipelines

CopyToken bridges the gap between design and development by making token usage visible and easy to copy — exactly when you need it.