Plugin Preview
About this plugin
Reablocks Figma PluginPlugin utilities to supercharge your dev work for reablocks (an open-source repo containing a set of enterprise UI components for React).FeaturesCSS Token Generator: Generate Reablock-compatible JSON from Figma Style variablesCSS Token Generator UsagePre-requisiteYou should have style created for all colors that you want to use in the projectYou should use the following naming convention to assign style property to your colorsE.g.: 'Primary', 'Brand', 'Primary/100', 'Brand/title black 100'``# Running Plugin- Go to the Figma design file where you want to use the plugin- Use `CMD + p` to open quick menu- Search for new plugins using "Find More plugins option" and search for "Reablocks Figma Plugin"- Once found, click on run plugin, it will open a popup- Click on "Generate CSS"- Click on "Copy CSS"- Use the copied CSS tokens to your projectDevelopment guideCheck the readme file @ https://github.com/reaviz/reablocks-figma-plugin/blob/main/README.md for dev contribution guidelines
Plugin Details
| Version | 3 |
|---|---|
| Created | September 19, 2023 |
| Last Updated | September 19, 2023 |
| Category | Uncategorized |
| Creator | Mohit Tater |
| Stats | 16 installs, 1 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 same category.