Token Linker + AI AutoToken

About this plugin

Token Linker helps designers efficiently convert hard-coded values to Figma Variables (Design Tokens) — now enhanced with AI-powered auto matching and automatic component generation.Features:Scan selected frames and detect all colors & numbersAutomatically match values with existing Figma VariablesDisplay matches in a clear table viewApply tokens with one clickSupport recursive scanning of nested layersFocus & zoom to any layer directly from the results tableAI Auto Apply (Powered by Gemini):Intelligently match tokens by semantic meaning, not just valueSelect a frame named "button" and AI will find & bind all related button tokens automaticallyUnderstands context: text fill = text color, frame fill = backgroundRecursively analyzes all child layers (text, icons, nested frames)Preview AI suggestions with reasoning before applyingBring your own Gemini API key (free tier available)AI Component Generator (New):Automatically detect which UI components can be built from your existing Design TokensAI analyzes token naming patterns to identify Button, Input, Card, Badge, and moreSelect the components you want, then let AI generate them on your canvasEach component is created as a ComponentSet with full variants (Primary, Secondary, Outline, etc.)All visual properties are bound to your Design Tokens — not hard-codedVariants are displayed in a labeled grid with clear annotations above each variantSupported Properties:Colors: Fill, StrokeNumbers: Corner Radius, Padding, Gap, Stroke Weight, Width, HeightAI-enhanced: Font Size, auto-created Fills & Strokes for unstyled layersPerfect for design systems — from token binding to full component generation, all in one plugin!