Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

HonzaTmn's profile picture

Jan Toman

5,583 subscribers

55,633 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Jonathan_Clegg profil fotoğrafı
Jonathan_Clegg3 yıl önce

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

Jan Toman profil fotoğrafı
Jan Toman3 yıl önce

@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 profil fotoğrafı
Chris Cannon3 yıl önce

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

Bryce Driesenga profil fotoğrafı
Bryce Driesenga3 yıl önce

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

Ana profil fotoğrafı
Ana3 yıl önce

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

Jan Toman profil fotoğrafı
Jan Toman3 yıl önce

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

Dillon Winspear profil fotoğrafı
Dillon Winspear3 yıl önce

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

Jan Toman profil fotoğrafı
Jan Toman3 yıl önce

@figma

Rob Winter ❄️ 🇺🇦 profil fotoğrafı
Rob Winter ❄️ 🇺🇦3 yıl önce

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

Ronny Rocket profil fotoğrafı
Ronny Rocket3 yıl önce

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

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 görüntüleme • 3 ay önce

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

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

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

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

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

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

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

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 görüntüleme • 1 yıl önce