Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

matsugfx's profile picture

Matt

7,553 subscribers

57,212 Aufrufe • vor 8 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von Krrish
Krrishvor 8 Monaten

@shadcndesign @shadcn

Profilbild von Matt
Mattvor 8 Monaten

@shadcn More details on the new update:

Profilbild von Lazar
Lazarvor 8 Monaten

@shadcndesign @shadcn Nice, really works great!

Profilbild von entropy
entropyvor 8 Monaten

@shadcndesign @shadcn Noice

Profilbild von Nuno Marcelino
Nuno Marcelinovor 8 Monaten

@shadcndesign @shadcn Manipulation via sytes or variables?

Profilbild von Matt
Mattvor 8 Monaten

@shadcndesign @shadcn The plugin swaps the variables

Profilbild von lU
lUvor 8 Monaten

@shadcndesign @shadcn Take my money 💰

Profilbild von Nazmul Hossain
Nazmul Hossainvor 8 Monaten

@shadcndesign @shadcn Nice cooking 😻

Profilbild von Appi
Appivor 8 Monaten

@shadcndesign @shadcn This update sounds 🔥! Bringing shadcn/create features to Figma will save so much time. Which icon library are you most excited to see in action?

Ähnliche Videos

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 Aufrufe • vor 8 Monaten

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏
0:33

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.
0:23

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

Matt

15,677 Aufrufe • vor 1 Jahr

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀
1:42

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

86,061 Aufrufe • vor 1 Jahr

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.
0:25

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.

dára sobaloju

24,047 Aufrufe • vor 2 Jahren

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

78,106 Aufrufe • vor 7 Monaten

How to use the new Icon Composer with an existing Xcode project: 1. Make a new icon file 2. Drag it into your Xcode project (Move into) 3. Xcode should prioritize that over previous AppIcon files 4. Close the Icon Composer file 5. Click on Icon in Xcode 6. Open in Icon Composer (Make edits now) Things to Note: 1. Xcode will render the new static icon for previous macOS versions (Sequioa) 2. If you drag the app icon around your Dock, you may not see the app icon update unless you drag it off the Dock (Stop the app) 3. You may need to Clean + Run to see the icon update 4. Change the "Primary App Icon Set Name" to choose between multiple Composer files.
0:21

How to use the new Icon Composer with an existing Xcode project: 1. Make a new icon file 2. Drag it into your Xcode project (Move into) 3. Xcode should prioritize that over previous AppIcon files 4. Close the Icon Composer file 5. Click on Icon in Xcode 6. Open in Icon Composer (Make edits now) Things to Note: 1. Xcode will render the new static icon for previous macOS versions (Sequioa) 2. If you drag the app icon around your Dock, you may not see the app icon update unless you drag it off the Dock (Stop the app) 3. You may need to Clean + Run to see the icon update 4. Change the "Primary App Icon Set Name" to choose between multiple Composer files.

Paul Solt

15,480 Aufrufe • vor 5 Monaten

Here's a quick example of what the community could be able to build with shaders + this Figma plugin...as you can see, the possibilities are endless and our outputs will not be strictly limited to just gradients. I'm all about empowering our community with math + code:
0:30

Here's a quick example of what the community could be able to build with shaders + this Figma plugin...as you can see, the possibilities are endless and our outputs will not be strictly limited to just gradients. I'm all about empowering our community with math + code:

˗ˏˋ rogie ˎˊ˗

28,823 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...
1:44

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

Rexan Wong

277,140 Aufrufe • vor 10 Monaten

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.
1:58

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.

Matt

190,401 Aufrufe • vor 2 Jahren

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance
0:44

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance

Figma

170,519 Aufrufe • vor 10 Monaten

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20
0:35

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,727 Aufrufe • vor 1 Jahr

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,283 Aufrufe • vor 5 Monaten

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇
0:43

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,554 Aufrufe • vor 3 Jahren

Soon, patients in England will be able to use the NHS App to get the right support more quickly. Our new AI-assisted triage tool will also ease pressure across the NHS. James Murray explained to Laura Kuenssberg how it works 👇
0:51

Soon, patients in England will be able to use the NHS App to get the right support more quickly. Our new AI-assisted triage tool will also ease pressure across the NHS. James Murray explained to Laura Kuenssberg how it works 👇

Department of Health and Social Care

20,305 Aufrufe • vor 3 Monaten

Today we are opensourcing a new design for LeLamp. We made a video explaining our process. From sketch to simulation in 14 days. There will be more updates in the coming weeks. We are constantly iterating and aiming to create the best experience for building expressive robots. Join our discord for realtime updates: Contribute to our github: Preorder the kit:
4:44

Today we are opensourcing a new design for LeLamp. We made a video explaining our process. From sketch to simulation in 14 days. There will be more updates in the coming weeks. We are constantly iterating and aiming to create the best experience for building expressive robots. Join our discord for realtime updates: Contribute to our github: Preorder the kit:

Shahvir Sarkary

10,120 Aufrufe • vor 1 Jahr