Shadcnblocks, Figma Design System Restructure by Mateusz MarzecShadcnblocks, Figma Design System Restructure by Mateusz Marzec

Shadcnblocks, Figma Design System Restructure

Mateusz Marzec

Mateusz Marzec

Verified

Shadcnblocks, The Ultimate Premium UI Library

Shadcnblocks is a premium UI library built on top of shadcn/ui and Tailwind - giving developers and designers over 1,300 ready-to-use blocks, 1,100 components, and 13 templates they can drop straight into their projects. Trusted by thousands of developers, it's become one of the go-to resources in the shadcn ecosystem.

Challange

When a product grows as fast as Shadcnblocks has, the design system needs to grow with it. With thousands of components and blocks being added continuously, the existing Figma structure needed a rethink to keep up with the ambition of the library.
A rapidly expanding library needed a more scalable foundation to support future growth
Hundreds of blocks, components, and variants needed to be unified under a consistent structure
The goal was a system that would make it easier and faster to build, iterate, and maintain going forward

Outcome

A design system that finally matches the scale of the product it supports.
A new structural foundation built to accommodate growth without breaking down
The full existing library migrated with every variable, block, component, and variant
Clear naming conventions and hierarchy that make the system easy to navigate and maintain
A Figma setup that gives the team confidence to keep building without the mess
Like this project

What the client had to say

Mat did an incredible job building a large scale Figma design system and designing hundreds of components for us. He was professional, hardworking and quite a nice guy. 👌

Rob A

Mar 2, 2026, Client

Posted Mar 3, 2026

Figma design system overhaul - restructuring the foundation, migrating the full block and component library, and building a system that scales with the product.

Likes

0

Views

3

Timeline

Jan 9, 2026 - Mar 2, 2026