Making Figma Components Truly Dynamic with Blocks
TL;DR - The plugin is finally live 🚀
You can check it out here:
https://blocks.is/
Docs: https://blocks.is/docs
Examples: https://blocks.is/examples
A few months back I shared a Reddit post about the idea of “smart components” in Figma — basically writing JS logic inside the main component and exposing only the necessary inputs to control it.
I also wrote an article on how this could be a first step toward making design systems AI-ready. [Link]
With the latest slots update, I’ve taken it a step further and added dynamic lists inside components. The above example uses another concept called headless collection from the block api. The goal is to let designers update content through a simple interface instead of doing all the repetitive robotic work manually.
Would love to hear feedback, thoughts, or suggestions 🙌