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

111,952 subscribers

43,887 görüntüleme • 3 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,535 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,110 görüntüleme • 1 yıl önce

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇
5:25

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇

Jayneil Dalal

47,187 görüntüleme • 1 yıl ö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,913 görüntüleme • 11 ay ö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 • 8 ay ö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

632,995 görüntüleme • 2 ay önce

Build your Figma design system 10x faster with these plugins! 🔥
0:23

Build your Figma design system 10x faster with these plugins! 🔥

Jan Mraz

18,308 görüntüleme • 10 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

111,162 görüntüleme • 2 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,288 görüntüleme • 4 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

13,978 görüntüleme • 2 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,730,971 görüntüleme • 3 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 🦄🦓

29,851 görüntüleme • 4 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

134,131 görüntüleme • 2 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

91,829 görüntüleme • 3 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,713,608 görüntüleme • 3 yıl ö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 • 3 ay ö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,172 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,263 görüntüleme • 2 ay önce

My newest Figma plugin: Variable Visualizer! Manage your variable tables in an interactive canvas—see in the video how you can add a new mode in seconds. Design system nerds, this one's a must try👇and let me hear from you👂 #FigmaPlugin #DesignSystems
1:07

My newest Figma plugin: Variable Visualizer! Manage your variable tables in an interactive canvas—see in the video how you can add a new mode in seconds. Design system nerds, this one's a must try👇and let me hear from you👂 #FigmaPlugin #DesignSystems

Mr. Biscuit

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