Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

#DareToShare24
LIVE

Anya Rossi• Live Now

Private livecam show

7 Kommentare

Profilbild von Marcel D. Garcia
Marcel D. Garciavor 2 Jahren

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

Profilbild von Steven Aubray 🫵🏽
Steven Aubray 🫵🏽vor 2 Jahren

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

Profilbild von Marcel D. Garcia
Marcel D. Garciavor 2 Jahren

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

Profilbild von Steven Aubray 🫵🏽
Steven Aubray 🫵🏽vor 2 Jahren

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

Profilbild von Steven Aubray 🫵🏽
Steven Aubray 🫵🏽vor 2 Jahren

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

Profilbild von error 404
error 404vor 2 Jahren

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

Profilbild von dice
dicevor 2 Jahren

@figma @fof_cotonou @fof_africa figma balls

Ähnliche Videos

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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