正在加载视频...

视频加载失败

返回首页

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

mrstev3n's profile picture

Steven Aubray 🫵🏽

1,131 subscribers

15,414 次观看 • 2 年前 •via X (Twitter)

#DareToShare24
LIVE

Anya Rossi• Live Now

Private livecam show

7 条评论

Marcel D. Garcia 的头像
Marcel D. Garcia2 年前

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

Steven Aubray 🫵🏽 的头像
Steven Aubray 🫵🏽2 年前

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

Marcel D. Garcia 的头像
Marcel D. Garcia2 年前

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

Steven Aubray 🫵🏽 的头像
Steven Aubray 🫵🏽2 年前

@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 🫵🏽 的头像
Steven Aubray 🫵🏽2 年前

@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 404 的头像
error 4042 年前

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

dice 的头像
dice2 年前

@figma @fof_cotonou @fof_africa figma balls

相关视频

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

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

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

Marcus Eckert

29,712 次观看 • 2 年前

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

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

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 🤩
0:34

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 次观看 • 3 年前

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,983 次观看 • 3 年前

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

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

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

Violin Ken

257,112 次观看 • 1 年前

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!
0:43

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

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.
0:58

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 次观看 • 3 年前

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.
0:23

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

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! ⚡
0:51

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 次观看 • 2 年前

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

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
0:59

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

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
0:38

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 次观看 • 3 年前

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

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