Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

The ShadcnDesign Academy is now available! 🚀 Master the Figma to shadcn process with our short, on-point video tutorials. Learn how to use our tools to accelerate your project development and deliver outstanding products faster.

matsugfx's profile picture

Matt

7,523 subscribers

15,469 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

PaceUI profil fotoğrafı
PaceUI1 yıl önce

@shadcn Looks super helpful for devs and designers both. Congrats on the launch!

Matt Wierzbicki profil fotoğrafı
Matt Wierzbicki1 yıl önce

@shadcn Thanks! That's right. Our Figma kit is used by many developers and these guides will be super helpful if they are not acquainted with Figma well.

Konrad Księżopolski 👌 profil fotoğrafı
Konrad Księżopolski 👌1 yıl önce

@shadcn Gratulacje, świetna sprawa!

Matt Wierzbicki profil fotoğrafı
Matt Wierzbicki1 yıl önce

@shadcn Dzięki!

Enrique Cardoza | .eth ⏳🍎🚀 profil fotoğrafı
Enrique Cardoza | .eth ⏳🍎🚀1 yıl önce

@shadcn hi! just to flag an issue.

Matt Wierzbicki profil fotoğrafı
Matt Wierzbicki1 yıl önce

@shadcn Thanks, fixed!

devanshu profil fotoğrafı
devanshu1 yıl önce

@shadcn How much do we have to pay for the courses?

DIAWARA GUILE profil fotoğrafı
DIAWARA GUILE1 yıl önce

@shadcn Is it free to access ?

Matt Wierzbicki profil fotoğrafı
Matt Wierzbicki1 yıl önce

@shadcn The academy access if available to our plus and premium package customers. Please see pricing for more details

Benzer Videolar

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 görüntüleme • 10 ay önce

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.
0:24

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.

Matt

57,064 görüntüleme • 7 ay önce

🚨 Big news: I'm filming my AI creative workflows! I love testing tools and sharing what I learn. Now I'm dropping click-by-click guides (including prompts) on how to use the products. Starting with my video stack: 5 tools I use, with tutorials for each 👇
0:42

🚨 Big news: I'm filming my AI creative workflows! I love testing tools and sharing what I learn. Now I'm dropping click-by-click guides (including prompts) on how to use the products. Starting with my video stack: 5 tools I use, with tutorials for each 👇

Justine Moore

380,932 görüntüleme • 1 yıl önce

I've just updated our Figma to shadcn plugin with the new AI models: - Claude Opus 4.5 - Gemini Pro 3.0 Preview In the video below you can see how Opus one-shotted this simple dashboard. Incredible result. shadcndesign . com/plugin
0:51

I've just updated our Figma to shadcn plugin with the new AI models: - Claude Opus 4.5 - Gemini Pro 3.0 Preview In the video below you can see how Opus one-shotted this simple dashboard. Incredible result. shadcndesign . com/plugin

Matt

36,201 görüntüleme • 9 ay önce

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 görüntüleme • 6 ay önce

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code
0:30

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

400,099 görüntüleme • 3 ay önce

After a year and a half, we’re finally back on YT with a new video. Enjoy a massive 40-minute design breakdown of Unkey’s project. We’ll show you how we use Figma today, how AI fits into our process, which tools we use, and how everything comes together.
0:24

After a year and a half, we’re finally back on YT with a new video. Enjoy a massive 40-minute design breakdown of Unkey’s project. We’ll show you how we use Figma today, how AI fits into our process, which tools we use, and how everything comes together.

Alex Barashkov

53,442 görüntüleme • 2 ay önce

Become a DevOps Engineering expert with our comprehensive 8-week online course. Learn the latest DevOps tools and techniques to streamline your development process & upskill. Classes start in September - Apply today!
0:23

Become a DevOps Engineering expert with our comprehensive 8-week online course. Learn the latest DevOps tools and techniques to streamline your development process & upskill. Classes start in September - Apply today!

Moringa School

1,920,245 görüntüleme • 3 yıl önce

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.
0:37

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Figma

17,865,815 görüntüleme • 5 ay önce

DEXPLORE - Learn to Earn Dive into our ultimate tutorial series on Youtube and learn how to use a DEX. Complete the quests on Zealy to earn rewards! 💰🌊 New Tutorials, Tipps and Tricks every week!📽️ Youtube: Zealy: #IOTA
0:20

DEXPLORE - Learn to Earn Dive into our ultimate tutorial series on Youtube and learn how to use a DEX. Complete the quests on Zealy to earn rewards! 💰🌊 New Tutorials, Tipps and Tricks every week!📽️ Youtube: Zealy: #IOTA

MagicSea

19,531 görüntüleme • 2 yıl önce

Leverage the Dart MCP Server to enhance your Dart and Flutter development experience 💻✨ In this blog, explore useful tools provided by the Dart MCP Server and learn how to configure the server for use in popular development environments and tools →
0:30

Leverage the Dart MCP Server to enhance your Dart and Flutter development experience 💻✨ In this blog, explore useful tools provided by the Dart MCP Server and learn how to configure the server for use in popular development environments and tools →

Flutter

18,914 görüntüleme • 1 yıl önce

Ready to get started with @Antigravity? You can connect the Firebase MCP server to take your app development to the next level 🚀 Learn how to add Firebase MCP to Antigravity, link your current project, and start building →
0:22

Ready to get started with @Antigravity? You can connect the Firebase MCP server to take your app development to the next level 🚀 Learn how to add Firebase MCP to Antigravity, link your current project, and start building →

Firebase

91,039 görüntüleme • 9 ay önce

Kosmos, our newest AI Scientist, is available to use today on our platform. Watch here as three of our scientists describe what Kosmos is, and how it can accelerate scientific research.
6:04

Kosmos, our newest AI Scientist, is available to use today on our platform. Watch here as three of our scientists describe what Kosmos is, and how it can accelerate scientific research.

Sam Rodriques

57,610 görüntüleme • 9 ay önce

Offerbook lessons are now live on Jupiter Academy! 🎓 Learn how to borrow and lend any asset on Solana. Tokens, NFTs, even your graded Pokémon cards. Complete the lessons. Take the quizzes. Earn XP. Level up. The best way to unlock liquidity on your assets is through Jupiter Offerbook. Time to learn how! Just Learn with Jupiter Academy.
0:21

Offerbook lessons are now live on Jupiter Academy! 🎓 Learn how to borrow and lend any asset on Solana. Tokens, NFTs, even your graded Pokémon cards. Complete the lessons. Take the quizzes. Earn XP. Level up. The best way to unlock liquidity on your assets is through Jupiter Offerbook. Time to learn how! Just Learn with Jupiter Academy.

Jupiter Academy

11,032 görüntüleme • 2 ay önce

We're excited to announce Stream's new Video API, which is now available for general use! 🎥🚀 The video API aims to make it easier for developers to build live in-app video calling, audio rooms, and live streaming. 🎧 During our eight-month beta program, our team worked closely with several companies to help integrate, test, and develop our API and SDKs. Learn more here:
0:30

We're excited to announce Stream's new Video API, which is now available for general use! 🎥🚀 The video API aims to make it easier for developers to build live in-app video calling, audio rooms, and live streaming. 🎧 During our eight-month beta program, our team worked closely with several companies to help integrate, test, and develop our API and SDKs. Learn more here:

Stream

134,124 görüntüleme • 2 yıl önce

The wait is over: the Azure Developer CLI is now generally available! 🚀 Use it to quickly and easily create, deploy, and manage your app on Azure. Learn more at Learn more ➡️
0:33

The wait is over: the Azure Developer CLI is now generally available! 🚀 Use it to quickly and easily create, deploy, and manage your app on Azure. Learn more at Learn more ➡️

Azure SDK

10,460 görüntüleme • 3 yıl önce

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.
0:56

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 görüntüleme • 1 yıl önce

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry
2:27

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 görüntüleme • 1 yıl önce