正在加载视频...

视频加载失败

返回首页

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

buninux's profile picture

Dmitrii Bunin

20,005 subscribers

102,981 次观看 • 3 年前 •via X (Twitter)

教育艺术科学技术#uidesign#buildinpublic
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Dmitriy Bunin 的头像
Dmitriy Bunin3 年前

Grab this design from here ↓

Nico Menezes 的头像
Nico Menezes3 年前

Variables + Max Width = Happiness🤩 haha

Stevie Gleason 的头像
Stevie Gleason3 年前

Super clean! I'm taking notes.

Dmitriy Bunin 的头像
Dmitriy Bunin3 年前

Thanks!

Zeeshan Ijaz 的头像
Zeeshan Ijaz3 年前

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

Dmitriy Bunin 的头像
Dmitriy Bunin3 年前

Definitely!

álen söny♡(소니 알렌) 的头像
álen söny♡(소니 알렌)3 年前

Gotta try this response UI 👀

Suleyman Aliyev 的头像
Suleyman Aliyev3 年前

Great!

سارا صیاد 的头像
سارا صیاد3 年前

به به🤌🏻

𝕬𝖕𝖍𝖗𝖔𝖉𝖎𝖙𝖊 B͓̽l͓̽i͓̽s͓̽s͓̽ 的头像
𝕬𝖕𝖍𝖗𝖔𝖉𝖎𝖙𝖊 B͓̽l͓̽i͓̽s͓̽s͓̽3 年前

Reminds me of shape shifting color changing people 👍

相关视频

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

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

Dmitrii Bunin

122,194 次观看 • 3 年前

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

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

Day 54 of 100 days of design 💚⚡️ Masking Video inside Text with Figma #uidesign #100daysofdesign #interactiondesign #interactiondesigner #learnui #alisoneyo
0:38

Day 54 of 100 days of design 💚⚡️ Masking Video inside Text with Figma #uidesign #100daysofdesign #interactiondesign #interactiondesigner #learnui #alisoneyo

Alison💚

59,748 次观看 • 3 年前

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

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

Figma auto layout explained in less than 1 minute🤯

Jan Mraz

62,200 次观看 • 3 年前

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

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

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

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

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

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

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

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

346,036 次观看 • 2 年前

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.
0:50

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.

Pietro Schirano

39,693 次观看 • 2 个月前

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

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,441 次观看 • 8 个月前

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

"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

83,190 次观看 • 8 个月前