Figmentation

About this plugin

🪄 Figmentation – where Figma meets AutodocumentationTired of manual documentation?Figmentation automates the process of extracting design tokens directly from your Figma components — including colors, typography, spacing, borders, and effects.With just one click, Figmentation creates a clean, organized annotation frame beside your component — making handoff easier for developers and keeping your design system crystal clear.Built by a designer who needed this — and figured others might too.💡 What it does:Extracts bound design tokens from your componentsSupports multiple naming conventions (camelCase, kebab-case, etc.)Automatically detects and documents:Backgrounds, text colors, border colorsFont sizes, families, weights, line heights, letter spacingPadding, gap, corner radius, stroke weightShadows and blursGenerates readable and structured annotation layersKeeps token names consistent with your system — or generates smart fallback names🔧 Use cases:Design system maintenanceDev handoffFigma token organizationFast, scalable documentation for UI libraries✨ Made for:Product designersDesign system leadsDevelopers using Figma tokensAnyone who hates repetitive documentation🎯 Figmentation – where Figma meets Autodocumentation.Crafted with care by someone who gets it.