Tokenify - Replace Colors with Tokens

It automates the process of replacing colors in your designs with pre-defined color tokens. Whether you're working with frames, shapes, or text, this plugin ensures consistency across your design by utilizing color tokens from your selected collections.

How It WorksFetch Token Collections - The plugin fetches all local variable collections (tokens) available in the Figma file and presents them in a dropdown for selectionRecursive Token Resolution - The plugin resolves token values recursively, ensuring that even nested or aliased tokens are accurately identified and utilized.

Scoping and Application - Tokens can be scoped to specific properties such as FRAME_FILL, SHAPE_FILL, TEXT_FILL, STROKE_COLOR. The plugin respects these scopes, applying tokens only to appropriate elements. Users can specify which properties (fills, strokes) should be considered for replacement via checkboxes.

Replacement with Tokens - If a match is found, the corresponding color in the node is replaced with the token, ensuring that the design stays consistent with the defined color system.

How to use:

Load the plugin into Figma by following the standard plugin installation steps.

Simplify your color management process and maintain design consistency with ease!