Revolutionize Your Figma Workflow with Namma Component DocsRevolutionize Your Figma Workflow with Namma Component Docs
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Prakash Anand's avatar
Prakash Anand Kolkundi
• Jun 12
I built Namma Component Docs, a Figma plugin that generates a complete, enterprise-grade documentation page right on your Figma canvas. 📄✨
What it generates: 🎨 Color specs grouped by variant — with exact hex, RGB, gradients (every stop), and where each is used 🔤 Full typography specs from the real text styles 📐 Spacing & padding redlines measured straight from auto-layout 🧩 Component anatomy + per-variant breakdowns ♿ Accessibility + design-token coverage 📊 A 56-column master table 📦 Exports to JSON, Markdown, CSV, YAML, HTML, PDF — and tokens for 14 platforms (CSS, Tailwind, SwiftUI, Compose, Flutter, W3C, Style Dictionary…)
And because every team wants it to look like theirs, the documentation header is fully customizable — 7 premium presets (Enterprise, Premium Mesh, Minimal, Engineering, Showcase, Namma, Custom), mesh gradients, light patterns, and live preview before you generate.
Now the answer is: "It's all in the doc page. 😎"
Designers & DS folks — would love feedback from design-system & Designer folks. What would you want auto-documented?
Plugin Link: https://www.linkedin.com/posts/prakash-kolkundi-designsystemdesigner_designsystems-figma-figmaplugin-ugcPost-7470494882990776320-9SEZ/?utm_source=share&utm_medium=member_desktop&rcm=ACoAABP_1fgBEDwawZ21rxWCcZRZYPhQN-AVfVY
#DesignSystems #ProductDesign #Figma #DesignOps #FigmaPlugin #DesignTokens #FrontendDevelopment

linkedin.com

#designsystems #figma #figmaplugin #designops #productdesign #designtokens #frontenddevelopment | Prakash Anand kolkundi

Update: It’s officially LIVE. 🚀 Yesterday, I shared Namma Component Docs — my Figma plugin built to stop the endless: “Can you send me the specs for this DS Components?” Today, I’m excited to share that Namma Component Docs is officially approved by Figma and now live in the Figma Community. 🎉 The goal was simple: Turn hours of documentation work into minutes — with real data from your Figma components, not mock data. Plugin link: https://lnkd.in/g2PqSKXj #DesignSystems #Figma #FigmaPlugin #DesignOps #ProductDesign #DesignTokens #FrontendDevelopment

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started