Back to Plugins
Figma to BlocksIn System

Figma to BlocksIn System

Transform Figma designs into React BlocksIn System components effortlessly.

code generationdesign to codefigma to reactweb developmentrapid prototypingreact componentscomponent libraryreact frameworkdesign automationblocksin systemfront-end development

Plugin Preview

Figma to BlocksIn System preview

About this plugin

The BlocksIn System plugin for Figma is a game-changer for front-end development. Effortlessly convert Figma designs into React components, ready for implementation with our NPM package.


BlocksIn System - React Component Library


Here's how it simplifies your workflow:


  • Design: Create patterns using Figma components.
  • Generate: Select a frame and click 'Generate' to convert it into React markup.
  • Implement: Seamlessly integrate the code with BlocksIn System React components.
  • Reuse: Streamline your process by reusing design patterns.


Watch the video here.


Special thanks to my friend Eugenio who inspired this project. Check out his amazing work.


Get started with the BlocksIn System plugin and revolutionise your design-to-development process!

Plugin Details

Version4
CreatedMarch 6, 2024
Last UpdatedApril 16, 2024
CategorySoftware development
CreatorSebastian
Stats3 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none