Shadcraft
Nov 14, 2025
Along the way, a handful of Figma plugins made our workflow smoother and saved us a huge amount of time. If you are building your own design system or working with shadcn/ui, these plugins will help you create cleaner libraries and work faster.
Here are the five tools that had the biggest impact.
Find Missing Variables
When you work with large libraries of components, it is incredibly easy to miss a variable connection. One stray colour token or forgotten radius value can break theming across the entire file.
Find Missing Variables scans your project and instantly highlights any layers that are not hooked up to variables. For a design system that supports full theming, this plugin is essential.
How we used it while building Shadcraft:
We ran it at the end of every major build section to make sure all colours, spacing, radii, typography and semantic tokens were connected. It caught dozens of missed spots we would never have noticed manually.
How to use it:
Open the plugin
Choose the search range
Hit search
Review and fix any unlinked layers
It removes the anxiety of wondering whether you missed something.
Node to Frame (Node>>Frame)
If you build components that align with shadcn/ui, you need clean frames, correct node types, and exact layer structures. Rebuilding an element from scratch just because you need it to be a different type is a huge waste of time.
Node to Frame solves this by converting any Figma element into a frame, component, group, or layout while keeping all visual properties intact.
Key things it can convert:
Shapes to frames or components
Instances to components
Text layers to frames
Vectors to frames or shapes
Groups to frames
Components to frames or groups
Frames to grid layouts
Everything stays in the right position with the right hierarchy.
How we used it:
This plugin saved us countless hours while aligning Shadcraft’s layer structure with the architecture used in shadcn/ui. Instead of rebuilding elements, we converted them cleanly and moved on.
Pixel Perfect
A design system only works if the details are exact. There is nothing worse than discovering widths like 200.45px or icon groups sitting off the pixel grid.
Pixel Perfect snaps everything back into whole numbers, restoring clean geometry across your file.
How it works:
Select any layers
Pixel Perfect checks all children inside the frame
It rounds positions and sizes to whole pixels
You can choose whether anchor points are adjusted
How we used it:
We used this repeatedly during icon building, component alignment, and final checks across the kit. It is the quickest way to eliminate tiny inconsistencies that can cause visual jitter when developers implement shadcn/ui components.
Round All
When working at scale, inconsistent numbers creep into typography, spacing, effects and vectors. Round All cleans everything at once.
Why it is useful:
Round dimensions, font sizes, effects, and vectors
Choose round, floor, or ceiling
Preview changes before applying
Create presets for your workflow
Preserve proportions
Detach instances when needed
How we used it:
This was especially helpful when preparing Shadcraft for release. It gave us a final quality pass to ensure every dimension matched the same grid and that no stray decimals were hiding in shadows, blurs, or border radii.
tweakcn for Shadcraft
Shadcraft partnered with tweakcn to unlock instant theming straight from the tweakcn platform. This takes shadcn/ui style flexibility and brings it directly into Figma.
What you can do with it:
Apply preset themes in one click
Load your own tweakcn themes using a URL
Swap full colour systems instantly
Preview shadcn/ui themes in real time
How we used it:
Throughout development, we used tweakcn to test light mode, dark mode, brand colours, multi brand setups, and contrast requirements. It helped us confirm that every component responded correctly to theme changes.
Final Thoughts
Building Shadcraft to align with shadcn/ui required precision, consistency, and a workflow built on clean variables and robust theming support. These plugins made that possible.
If you are designing with shadcn/ui, building a design system, or maintaining a large component library, we highly recommend adding these tools to your workflow.
If you want to see what they helped us build, you can explore Shadcraft below.
Updated Nov 15, 2025
