正在加载视频...

视频加载失败

返回首页

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

HonzaTmn's profile picture

Jan Toman

5,583 subscribers

55,633 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Jonathan_Clegg 的头像
Jonathan_Clegg3 年前

@figma Would you be open to share on community? Looks great

Jan Toman 的头像
Jan Toman3 年前

@figma It's not pretty and Figma seems to have some performance issue in non-prototype mode because of this, but it works-ish 😅 I'll clean it up a bit and share it later today

Chris Cannon 的头像
Chris Cannon3 年前

@figma I’m working on one these too!!!

Bryce Driesenga 的头像
Bryce Driesenga3 年前

@figma Lol, guaranteed people will be creating entire games and interactive experiences in short order now

Ana 的头像
Ana3 年前

@figma Amazinggggg also we miss you, wish you were able to come to Config!

Jan Toman 的头像
Jan Toman3 年前

@figma Aww, Ana, means a lot to me ❤️ Next year hopefully!🤞

Dillon Winspear 的头像
Dillon Winspear3 年前

@figma Make the backspace work, then we’re talking 😂

Jan Toman 的头像
Jan Toman3 年前

@figma

Rob Winter ❄️ 🇺🇦 的头像
Rob Winter ❄️ 🇺🇦3 年前

@figma Form inputs are still a requirement for prototyping in my team. Axure & UXpin still have a place in the dock…

Ronny Rocket 的头像
Ronny Rocket3 年前

@figma This is supercool. Really Like to learn how you did this. Thank you for sharing

相关视频

I'm progressing with a small experiment on @Figma using variables for prototyping to produce a fully functional memory game. [WIP] #DareToShare24
1:38

I'm progressing with a small experiment on @Figma using variables for prototyping to produce a fully functional memory game. [WIP] #DareToShare24

Steven Aubray 🫵🏽

15,414 次观看 • 2 年前

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 年前

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code
0:40

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Figma

65,884 次观看 • 1 个月前

I made a new experiment of an advanced prototype using variables in Figma... A Pixel Art Flip book. ✍️📖 Using over 40 variables: - Draw in 16 different colours in a 16 x 16 grid 🎨 - Add up to 16 unique frames - Auto play between them ⏯️ - Adjust speed playback ⌛️
0:29

I made a new experiment of an advanced prototype using variables in Figma... A Pixel Art Flip book. ✍️📖 Using over 40 variables: - Draw in 16 different colours in a 16 x 16 grid 🎨 - Add up to 16 unique frames - Auto play between them ⏯️ - Adjust speed playback ⌛️

Dave Williames

12,971 次观看 • 2 年前

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 年前

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,481 次观看 • 1 年前

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make
0:40

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Figma

181,503 次观看 • 9 个月前

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai
0:23

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai

Harshil Acharya

222,457 次观看 • 11 个月前

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.
0:43

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Figma

99,361 次观看 • 7 个月前

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 年前

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:
0:48

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:

Figma

153,520 次观看 • 3 年前

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 次观看 • 1 个月前

Let Claude create your Figma variables in seconds! 🤯
0:20

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 次观看 • 3 个月前

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,106 次观看 • 1 年前

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.
0:54

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,447 次观看 • 3 年前

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)
0:21

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)

Harshil Acharya

190,675 次观看 • 10 个月前

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!
0:32

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

Daniel Destefanis

75,900 次观看 • 3 年前

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 次观看 • 11 个月前

A new day, a new launch here at Figma! Excited to share our updated eyedropper tool that can now grab color variables 🌈
2:19

A new day, a new launch here at Figma! Excited to share our updated eyedropper tool that can now grab color variables 🌈

Ana

42,461 次观看 • 1 年前

Create Primitive and Semantic color variables in Figma Supafast ⚡️
1:03

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 次观看 • 1 年前