Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Steven Aubray 🫵🏽

1,131 subscribers

15,414 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Comments

Marcel D. Garcia2 years ago

@figma @fof_cotonou @fof_africa Variables are powerful but I’m still waiting for text input for a more realistic ux…

Steven Aubray 🫵🏽2 years ago

@figma @fof_cotonou @fof_africa You mean, something like smart components on Framer X ?

Marcel D. Garcia2 years ago

@figma @fof_cotonou @fof_africa I don’t know framer X yet! I use Figma and Webflow. You recommend me to switch?

Steven Aubray 🫵🏽2 years ago

@figma @fof_cotonou @fof_africa Frame X is the old Framer. Not that I recommend moving on to something else. But indeed, if you need to get as close as possible to something functional in your prototype, other tools exist like Axure, Origami, ...

Steven Aubray 🫵🏽2 years ago

@figma @fof_cotonou @fof_africa But it would be much better to be able to do everything directly on Figma. So let's hope Figma brings more, very soon.

error 4042 years ago

@figma @fof_cotonou @fof_africa super creative use of Figma's prototyping. haven't seen anything like that before and I've been designing in @figma for years.

dice2 years ago

@figma @fof_cotonou @fof_africa figma balls

Related Videos

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

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

Jan Toman

55,633 views • 3 years ago

Prototyping some new interactions for riveo. It's a fully functional SwiftUI view mapped to a video. (using shaders).

Prototyping some new interactions for riveo. It's a fully functional SwiftUI view mapped to a video. (using shaders).

Marcus Eckert

29,712 views • 2 years ago

Spending hours prototyping in Figma? You gotta try bolt.new AI that converts your designs into into a fully functional web app, supafast

Spending hours prototyping in Figma? You gotta try bolt.new AI that converts your designs into into a fully functional web app, supafast

Zander Whitehurst

64,800 views • 1 year ago

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

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 views • 1 year ago

With new Figma variables. We can create any number of flow using conditions on a single frame. Testing a free flow character movement. Also tried to detect object and it worked. Small demo for something big we can create. Shared some logics below 🤩

With new Figma variables. We can create any number of flow using conditions on a single frame. Testing a free flow character movement. Also tried to detect object and it worked. Small demo for something big we can create. Shared some logics below 🤩

vijay verma

381,415 views • 3 years ago

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 ⌛️

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,983 views • 3 years ago

#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.

#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,960 views • 3 years ago

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

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,594 views • 1 year ago

I gave Leon a fully functional zombie SF6 Leon is my wip for mugen/ikemen

I gave Leon a fully functional zombie SF6 Leon is my wip for mugen/ikemen

Violin Ken

257,112 views • 1 year ago

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Jan Six

45,816 views • 3 years ago

🚀 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)

🚀 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,987 views • 1 year ago

Around the time will depue started working on their Figma computer, I also embarked on a journey to create mine... although now I can't claim to be the first. ~3kb program memory, ~1kb ram, 18 instructions, and a Figma plugin to help compile small C programs using ELVM.

Around the time will depue started working on their Figma computer, I also embarked on a journey to create mine... although now I can't claim to be the first. ~3kb program memory, ~1kb ram, 18 instructions, and a Figma plugin to help compile small C programs using ELVM.

Willy Wu

217,686 views • 3 years ago

Protox I was prototyping what the milk could look like, using a simple mesh to try. "Worse" case scenario for any liquid in game is fully transparent glass like below.

Protox I was prototyping what the milk could look like, using a simple mesh to try. "Worse" case scenario for any liquid in game is fully transparent glass like below.

Pilgrim

13,940 views • 1 month ago

Say hello to the latest game-changer in Supa Palette 4.0 for @Figma! Fully customizable popular color systems you can save as variables or styles. Save hours—just a few clicks and you're all set! ⚡

Say hello to the latest game-changer in Supa Palette 4.0 for @Figma! Fully customizable popular color systems you can save as variables or styles. Save hours—just a few clicks and you're all set! ⚡

Angelo Libero

29,291 views • 2 years ago

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

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

Harshil Acharya

41,167 views • 1 year ago

Opus 5 just built a fully functional Plug and Play style game in under 30 minutes. It's ability to verify its own outputs and build a fully functional game is INSANE

Opus 5 just built a fully functional Plug and Play style game in under 30 minutes. It's ability to verify its own outputs and build a fully functional game is INSANE

Pallav Agarwal

41,323 views • 3 months ago

I think I've pushed Figma's new Variables and Advanced prototyping to its limit... I present a fully working version of Flappy Bird!! 🔥 Featuring: - Scoring + highscores - Pseudo-randomised pipe placement - Physics based movement - Uses 46 variables #Config2023

I think I've pushed Figma's new Variables and Advanced prototyping to its limit... I present a fully working version of Flappy Bird!! 🔥 Featuring: - Scoring + highscores - Pseudo-randomised pipe placement - Physics based movement - Uses 46 variables #Config2023

Dave Williames

1,146,867 views • 3 years ago

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

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 views • 1 year ago

🚀 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

🚀 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,782 views • 1 year ago