BulkMeta
Make Design System meta management easier. Export and Import component meta data in bulk.
Plugin Preview
About this plugin
Are you tired of wasting time manually editing component descriptions and documentation URLs in Figma? Streamline your design system management with BulkMeta! BulkMeta allows you to export all component metadata from your Figma libraries, including descriptions, documentation URLs and names, as a JSON file. With the exported JSON file, you can easily make quick sweeping changes to your component metadata using an external editor like VS Code. Once you're done, simply import the modified JSON file back into Figma, and voila! Your design system is updated with minimal effort.
How To Use
- Run the BulkMeta plugin and click the "Export" button to generate a JSON file containing your component metadata
- Open the JSON file in a text editor like VS Code and modify the component metadata
- Create a new branch of your current Figma library if you have the option
- Run the BulkMeta plugin and click the "Import" button and select the updated JSON file
- Watch all the component metadata update with your new changes
- If you are happy with the changes, merge the branch
- Profit
Export Component Variants
You can choose to include component variants in your export so you can be ultra detailed on your documentation. Though, depending on how many variants you have, you could be spending a lot of time editing your metadata.
Editing JSON File
A couple of quick rules when editing your JSON file:
- DO NOT EDIT THE ID - The ID is what is used to match your updated metadata to the component when importing your updated JSON file.
- If you have paragraphs in your descriptions they are represented as
\n\n
in the description metadata - If you have exported component variants you will see
parentName
metadata. THIS IS NOT USED, it is only a reference for you so you can be sure what component set the variant belongs to - You CAN modify the component name!
Love BulkMeta? Buy me a coffee 🤩
Plugin Details
Version | 2 |
---|---|
Created | March 13, 2023 |
Last Updated | April 9, 2023 |
Category | Software development |
Creator | Kirk Bentley |
Stats | 91 installs, 23 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.