Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

This Figma trick builds your design system docs in seconds

janm_uiux's profile picture

Jan Mraz

112,089 subscribers

44,292 Aufrufe • vor 6 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma
1:09

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma

Razorpay Design

37,776 Aufrufe • vor 2 Jahren

This Figma plugin will save you 90% of the time needed to build a design system in Figma!
0:23

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

Jan Mraz

24,218 Aufrufe • vor 1 Jahr

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.
0:47

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

Tommy Geoco 🇺🇸

59,278 Aufrufe • vor 11 Monaten

👀 We’re so close. 🗓️ Monday, July 1st, Supa Design Tokens drops on Figma Community in free beta! (pending Figma approval) Make, manage, and organize your design tokens in seconds. All inside Figma. Let’s go!
1:36

👀 We’re so close. 🗓️ Monday, July 1st, Supa Design Tokens drops on Figma Community in free beta! (pending Figma approval) Make, manage, and organize your design tokens in seconds. All inside Figma. Let’s go!

Angelo Libero

11,966 Aufrufe • vor 1 Jahr

Cursor can now create new components and frontends in Figma using your team's design system.
0:25

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor

635,717 Aufrufe • vor 5 Monaten

Introducing Design System Agents. Turn your repos, npm packages and docs into an agent that builds prototypes engineering can actually ship. The Prototype is t̶h̶r̶o̶w̶n̶ ̶a̶w̶a̶y̶ the Product.
0:54

Introducing Design System Agents. Turn your repos, npm packages and docs into an agent that builds prototypes engineering can actually ship. The Prototype is t̶h̶r̶o̶w̶n̶ ̶a̶w̶a̶y̶ the Product.

bolt.new

117,948 Aufrufe • vor 5 Monaten

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation
0:33

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

luis.

23,352 Aufrufe • vor 7 Monaten

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships
3:10

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

bolt.new

14,211 Aufrufe • vor 5 Monaten

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread
2:38

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Avishay Cohen

5,731,434 Aufrufe • vor 6 Monaten

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments
0:59

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Figma

135,768 Aufrufe • vor 5 Monaten

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?
0:59

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

92,096 Aufrufe • vor 7 Monaten

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜
0:24

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

31,000 Aufrufe • vor 7 Monaten

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇
3:22

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 Aufrufe • vor 7 Monaten

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →
0:40

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,714,392 Aufrufe • vor 3 Jahren

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025
0:53

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

351,669 Aufrufe • vor 1 Jahr

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.
0:29

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Anima

13,035,664 Aufrufe • vor 5 Monaten

20+ Figma Weave tools are now in your design canvas Live from Config 2026
0:55

20+ Figma Weave tools are now in your design canvas Live from Config 2026

Figma

77,505,340 Aufrufe • vor 2 Monaten