Loading video...

Video Failed to Load

Go Home

Shape-shifting store layout in Figma. 100% adaptable. #uidesign #buildinpublic

buninux's profile picture

Dmitrii Bunin

19,839 subscribers

102,608 views • 3 years ago •via X (Twitter)

EducationArtsScience & Technology#uidesign#buildinpublic
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Dmitriy Bunin's profile picture
Dmitriy Bunin3 years ago

Grab this design from here ↓

Nico Menezes's profile picture
Nico Menezes3 years ago

Variables + Max Width = Happiness🤩 haha

Stevie Gleason's profile picture
Stevie Gleason3 years ago

Super clean! I'm taking notes.

Dmitriy Bunin's profile picture
Dmitriy Bunin3 years ago

Thanks!

Zeeshan Ijaz's profile picture
Zeeshan Ijaz3 years ago

This is super clean, I want to shift from XD to figma, I would like to send this to my fellow.

Dmitriy Bunin's profile picture
Dmitriy Bunin3 years ago

Definitely!

álen söny♡(소니 알렌)'s profile picture
álen söny♡(소니 알렌)3 years ago

Gotta try this response UI 👀

Suleyman Aliyev's profile picture
Suleyman Aliyev3 years ago

Great!

سارا صیاد's profile picture
سارا صیاد3 years ago

به به🤌🏻

𝕬𝖕𝖍𝖗𝖔𝖉𝖎𝖙𝖊 B͓̽l͓̽i͓̽s͓̽s͓̽'s profile picture
𝕬𝖕𝖍𝖗𝖔𝖉𝖎𝖙𝖊 B͓̽l͓̽i͓̽s͓̽s͓̽3 years ago

Reminds me of shape shifting color changing people 👍

Related Videos

The perfect Figma buttons doesn't exi... #uidesign #buildinpublic
0:22

The perfect Figma buttons doesn't exi... #uidesign #buildinpublic

Dmitrii Bunin

122,194 views • 3 years ago

Rolling Effect in Figma Figma file: #figma #figmadesign #tutorial #uidesign #prototyping #figmatutorial #webdesign
0:56

Rolling Effect in Figma Figma file: #figma #figmadesign #tutorial #uidesign #prototyping #figmatutorial #webdesign

Harshil Acharya

62,117 views • 3 years ago

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

Figma auto layout explained in less than 1 minute🤯
0:40

Figma auto layout explained in less than 1 minute🤯

Jan Mraz

62,197 views • 3 years ago

Auto layout just got more powerful with Grid → Format in a gallery, card or bento layout → Items can span multiple cells #Config2025
0:39

Auto layout just got more powerful with Grid → Format in a gallery, card or bento layout → Items can span multiple cells #Config2025

Figma

161,225 views • 1 year 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
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,452 views • 1 year ago

Designing your UI in #Figma and importing into Shapes is easy. And when you update your design in Figma, your changes are reflected in Shapes with just a click of a button. #VirtualReality #VR #XR #XRDesign #UIDesign #MetaQuest #MetaQuestPro #MetaQuest3
0:38

Designing your UI in #Figma and importing into Shapes is easy. And when you update your design in Figma, your changes are reflected in Shapes with just a click of a button. #VirtualReality #VR #XR #XRDesign #UIDesign #MetaQuest #MetaQuestPro #MetaQuest3

ShapesXR

27,211 views • 2 years 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
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,378 views • 11 months ago

Excited about incorporating Figma variables detection and display in EightShapes Specs anatomy, props and layout and spacing.
0:35

Excited about incorporating Figma variables detection and display in EightShapes Specs anatomy, props and layout and spacing.

Nathan A Curtis

34,322 views • 3 years ago

Lanthanum fluoride in a bagel flask. Toroidal plasma 👀 gnarly shape shifting
0:35

Lanthanum fluoride in a bagel flask. Toroidal plasma 👀 gnarly shape shifting

Bluntly Put Philosopher (BPP)

22,024 views • 1 year ago

Adobe absolutely cooked with this "Layout Variation" feature. Great example of AI in design tools done right. Need this in Figma asap.
1:16

Adobe absolutely cooked with this "Layout Variation" feature. Great example of AI in design tools done right. Need this in Figma asap.

Aleks

345,882 views • 1 year ago

Make a yin-yang symbol with the shape builder tool in Figma in 22 seconds. In Figma Design, you can press the M short key with selected objects to access the shape builder tool. Option or alt click to subtract away.
0:22

Make a yin-yang symbol with the shape builder tool in Figma in 22 seconds. In Figma Design, you can press the M short key with selected objects to access the shape builder tool. Option or alt click to subtract away.

miggi from figgi

52,774 views • 11 months ago

Animator Yuriy Fomin showcased this shape-shifting animation built in Maya using the SHAPES plug-in.
0:20

Animator Yuriy Fomin showcased this shape-shifting animation built in Maya using the SHAPES plug-in.

80 LEVEL

79,405 views • 1 month 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.
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,320 views • 3 years ago

"This shape shifting drone can transform mid air" Jeffrey Epstein was sent this email in 2018 by his associate Richard Kahn During the 2024 New Jersey mystery drone wave there were multiple reports of drones shape shifting Are these connected?
3:46

"This shape shifting drone can transform mid air" Jeffrey Epstein was sent this email in 2018 by his associate Richard Kahn During the 2024 New Jersey mystery drone wave there were multiple reports of drones shape shifting Are these connected?

Red Panda Koala

81,700 views • 6 months ago

btw, from Figma → Code via Pencil > just copy/paste: cmd+C in Figma, cmd+V in Pencil > styles and layout settings preserved, pixel perfect > claude code produces the code that fits your repo code, requirements and rules, you are in charge
0:34

btw, from Figma → Code via Pencil > just copy/paste: cmd+C in Figma, cmd+V in Pencil > styles and layout settings preserved, pixel perfect > claude code produces the code that fits your repo code, requirements and rules, you are in charge

Tom Krcha

15,342 views • 7 months ago

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 views • 2 years ago

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting
0:49

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting

Kites Design

146,665 views • 1 year ago

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …
0:42

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …

vijay verma

25,239 views • 1 year ago