Academy

Master the Figma to shadcn/ui process

Learn how to use our tools to accelerate your project development and deliver outstanding products faster.

  • 5 chapters

  • 43 lessons

  • 52 minutes total

  • 5 practice lessons

Our Academy is now free for everyone

Watch 2 min intro

"The shadcndesign Academy cut our team onboarding at PagePro from weeks to a single day. While other UI kits ship with minimal or no docs at all, Matt's documentation and video tutorials had our designers and developers shipping production work immediately."
MW

Michał Wigda

CDO at PagePro

Table of contents

What you will learn

Improve your skills today

Who is it for?

Join 6K+ pros who design & ship faster

Our ecosystem eliminates the friction between design and development. Every role gets exactly what they need to work and collaborate faster.

Designers

  • Ship pixel-perfect designs that developers can actually build

  • Design 10x faster with pre-built components and blocks

  • Stay current with AI tools that already understand your components

  • Focus on UX and conversion, not component building from scratch

  • Level up your skills with shadcn/ui best practices built-in

"Our company selected shadcn as our primary design library, and its been a fantastic choice. The design kit is sleek, modern, and offers excellent UX right out of the box. Its comprehensive variable system has significantly improved our efforts around branding and accessibility."

Ryan Almoneda

UX Designer @ BlackDuck

Level-up your workflow today

One-time payment
14 days refund policy