Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

This Figma trick builds your design system docs in seconds

janm_uiux's profile picture

Jan Mraz

112,089 subscribers

44,292 görüntüleme • 6 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

👀 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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

🔅 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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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,118 görüntüleme • 2 ay önce