Back to Plugins
Reablocks Figma Plugin

Reablocks Figma Plugin

Your Figma companion for Reablock

reablockcssopen source

Plugin Preview

Reablocks Figma 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

Version3
CreatedSeptember 19, 2023
Last UpdatedSeptember 19, 2023
CategoryUncategorized
CreatorMohit Tater
Stats16 installs, 1 likes
PricingFree

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.

No similar plugins found in this category.