Загрузка видео...

Не удалось загрузить видео

На главную

Let Claude create your Figma variables in seconds! 🤯

janm_uiux's profile picture

Jan Mraz

112,015 subscribers

13,790 просмотров • 5 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 6

Фото профиля Jan Mraz
Jan Mraz5 месяцев назад

Prompt: In the following Figma project, generate the full design system variables for the primary color 605DFF and secondary AD63F6; also include neutral and indicator colors. Each base color scales into 9 variables from light to dark. For fonts, I want to use Inter - I will be designing a web app and also website landing pages. Finally, add spacing system values compatible with the 4pt spacing system.

Фото профиля Harsh
Harsh5 месяцев назад

Nice guide tutorial. Thanks, mate. Really need this one.

Фото профиля Jan Mraz
Jan Mraz5 месяцев назад

Thank you Harsh!

Фото профиля David Mráz
David Mráz5 месяцев назад

🚀🚀

Фото профиля Designer
Designer5 месяцев назад

Does it automatically appear on the variables panel?

Фото профиля Jan Mraz
Jan Mraz5 месяцев назад

Yes sure just like shown in the video

Похожие видео

242 variables added in Figma via Claude Code in 2 seconds Imagine doing this manually lol I built a Figma x Claude Code CLI 🔗👇
0:48

242 variables added in Figma via Claude Code in 2 seconds Imagine doing this manually lol I built a Figma x Claude Code CLI 🔗👇

Sil

27,162 просмотров • 8 месяцев назад

Here’s how to create color variables/mode in Figma
1:14

Here’s how to create color variables/mode in Figma

Designer

11,801 просмотров • 3 месяцев назад

We built a simple internal migration tool that moves your Figma styles to Variables 🚀 IN SECONDS
0:24

We built a simple internal migration tool that moves your Figma styles to Variables 🚀 IN SECONDS

Lewis Healey

49,846 просмотров • 3 лет назад

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,598 просмотров • 1 год назад

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓
0:31

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Dmitriy Bunin

11,630 просмотров • 1 год назад

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign
0:20

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign

Harshil Acharya

28,136 просмотров • 1 год назад

Working with variables in Figma is so much fun! 🤩 It’s becoming clear that variables and components are essential for building any website or app today. True? #figma #designsystem #components #variables
0:23

Working with variables in Figma is so much fun! 🤩 It’s becoming clear that variables and components are essential for building any website or app today. True? #figma #designsystem #components #variables

Harshil Acharya

34,885 просмотров • 1 год назад

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇
2:12

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇

Jayneil Dalal

75,835 просмотров • 2 лет назад

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.
15:47

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

Druids

21,264 просмотров • 6 месяцев назад

Here’s the Full Tutorial of Responsive Design using Variables in Figma #figma #figmatutorial #figmadesign #responsivewebdesign #uidesign
0:49

Here’s the Full Tutorial of Responsive Design using Variables in Figma #figma #figmatutorial #figmadesign #responsivewebdesign #uidesign

Harshil Acharya

41,167 просмотров • 1 год назад

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇
0:36

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,229,160 просмотров • 6 месяцев назад

Don’t waste time creating manual styles and variables in Figma!
0:24

Don’t waste time creating manual styles and variables in Figma!

Jan Mraz

17,169 просмотров • 1 год назад

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 просмотров • 1 год назад

A fun small experiment with new Figma variables in prototypes ⌨️
0:28

A fun small experiment with new Figma variables in prototypes ⌨️

Jan Toman

55,633 просмотров • 3 лет назад

Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try:
0:52

Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try:

Claude

7,537,065 просмотров • 7 месяцев назад

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers
0:33

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers

Anima

741,783 просмотров • 6 месяцев назад

Modal makeover, variables edition: → Filter → Search → Expand
0:24

Modal makeover, variables edition: → Filter → Search → Expand

Figma

61,374 просмотров • 1 год назад

Claude skills are an absolute must to elevate your AI outputs. Here’s how you create your own skills in 60 seconds. Comment “Claude” for the full guide. #ai #claude #aitips #aiprompts #fyp
1:05

Claude skills are an absolute must to elevate your AI outputs. Here’s how you create your own skills in 60 seconds. Comment “Claude” for the full guide. #ai #claude #aitips #aiprompts #fyp

Taki Wong | AI For Business

81,200 просмотров • 7 месяцев назад

Create the shader and visual effects of your dreams in Figma Live from Config 2026
0:50

Create the shader and visual effects of your dreams in Figma Live from Config 2026

Figma

96,225,016 просмотров • 4 месяцев назад