Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

#DareToShare24
LIVE

Anya Rossi• Live Now

Private livecam show

7 Yorum

Marcel D. Garcia profil fotoğrafı
Marcel D. Garcia2 yıl önce

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

Steven Aubray 🫵🏽 profil fotoğrafı
Steven Aubray 🫵🏽2 yıl önce

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

Marcel D. Garcia profil fotoğrafı
Marcel D. Garcia2 yıl önce

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

Steven Aubray 🫵🏽 profil fotoğrafı
Steven Aubray 🫵🏽2 yıl önce

@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 🫵🏽 profil fotoğrafı
Steven Aubray 🫵🏽2 yıl önce

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

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

@figma @fof_cotonou @fof_africa figma balls

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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