Changelog

Component Catalog, Aliased Colors & Resizable Window

A major usability and architecture update — pick exactly the components you need, with a proper two-tier color system underneath. (Figma release version 15.)

New Features

• Component Catalog: Browse every component grouped by category and add them one at a time, or add them all at once. The matching page is created automatically when needed.
• Resizable Window: Drag the bottom-right corner to resize the plugin — your chosen size is remembered the next time you open it.

Improvements

• Two-Tier Color Variables: Semantic tokens (primary, background, border…) now reference a new shadcn/primitives collection instead of baked-in colors. Light and Dark modes are built by aliasing primitives — the way a real design system works.
• Streamlined UI: Removed the custom CSS input in favor of the new component catalog.
• Safer Generation: Action buttons lock while a job runs to prevent duplicate pages and variables.

Fixes

• Restricted the plugin to the Figma editor, where the Variables API is available.
• Fixed doubled emoji in generated page names.
• Faster variable lookups during component generation.

Documentation & Optimization

Maintenance release focusing on documentation improvements and asset optimization.

Improvements

• Changelog Documentation: Added comprehensive changelog entries for v0.0.2-Alpha and v0.0.0-Alpha releases.
• Image Optimization: Optimized all website images for better performance and faster load times.
• Website Updates: Updated changelog page structure and navigation.

Contributors

• @imgbot[bot] made their first contribution with automated image optimization

Tailwind Colors Integration

Major update bringing the complete Tailwind CSS color palette directly into your Figma workflow.

New Features

• Tailwind Color Variables: Automatically generate all 242 Tailwind color variables (22 color families × 11 shades) with a single click.
• Integrated Workflow: Tailwind colors now generate alongside Shadcn variables - no separate button needed.
• Complete Color Palette: Includes slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, and rose.

Improvements

• Enhanced Plugin UI: Added professional footer with social links, tooltips, and improved navigation.
• Better Feedback: Success messages now show exact counts of generated variables including Tailwind colors.
• API Compatibility: Fixed createVariable compatibility for Figma's incremental mode.

Foundation Release

Establishing the core plugin infrastructure with essential features for design system automation.

New Features

• Plugin UI Enhancement: Added footer with social links (GitHub, Email, Website, Discord) and hover tooltips.
• Grid System: Implemented mobile and desktop grid styles for responsive design.
• Component Library: Added new component generation capabilities.

Website Updates

• Modern UI: Upgraded website with professional sections and footer.
• Documentation: Created pricing and changelog pages.
• Image Optimization: Optimized all website images for better performance.

Initial Release

We are excited to announce the first release of Alpha Shadcn! This plugin is designed to streamline your design system workflow in Figma.

New Features

• Automated Variables: Generate full primitive and semantic variable collections instantly.
• Component Sets: Create production-ready components that match shadcn/ui code.
• Smart Layouts: All generated components come with Auto Layout baked in.