Prop Drop – Figma Component Exporter

About this plugin

PropDrop streamlines the design-to-development handoff by transforming Figma components into developer-ready documentation.

What it does:

Export comprehensive component data including properties, anatomy structure, design tokens, and styles in multiple formats - all with an intuitive visual interface.

Key Features:

🎯 Multi-Format Export

1. JSON, YAML, TypeScript, JSDoc
2. Choose the format that fits your workflow
3. Download as single file or component-separated archive

🎨 Design Tokens & Styles

1. Extract design system tokens automatically
2. Export element styles with token references
3. Include Figma styles (fill, stroke, text, effects)

⚡ Batch Processing

1. Browse all components in your file
2. Select multiple components to export at once
3. Cached component list for fast access

💼 Who is it for?

1. Design system teams building component libraries
2. Developers implementing Figma designs
3. Product teams documenting components
4. Anyone needing structured component data

How to use:

1. Select a component or browse all components in your file
2. Choose what to export (properties, anatomy, styles, tokens)
3. Pick your output format
4. Export and copy or download