Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

HonzaTmn's profile picture

Jan Toman

5,583 subscribers

55,633 Aufrufe • vor 3 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Jonathan_Clegg
Jonathan_Cleggvor 3 Jahren

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

Profilbild von Jan Toman
Jan Tomanvor 3 Jahren

@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

Profilbild von Chris Cannon
Chris Cannonvor 3 Jahren

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

Profilbild von Bryce Driesenga
Bryce Driesengavor 3 Jahren

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

Profilbild von Ana
Anavor 3 Jahren

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

Profilbild von Jan Toman
Jan Tomanvor 3 Jahren

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

Profilbild von Dillon Winspear
Dillon Winspearvor 3 Jahren

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

Profilbild von Jan Toman
Jan Tomanvor 3 Jahren

@figma

Profilbild von Rob Winter ❄️ 🇺🇦
Rob Winter ❄️ 🇺🇦vor 3 Jahren

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

Profilbild von Ronny Rocket
Ronny Rocketvor 3 Jahren

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

Ähnliche Videos

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

🚀 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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Monat

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

#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 Aufrufe • vor 3 Jahren

🚀 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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 Aufrufe • vor 1 Jahr