正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Crafted a bunch of widgets with Figma variable bindings — Smooooth ✨

Nitish Khagwal

26,625 subscribers

73,858 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 条评论

Niko 的头像

Niko2 年前

@figma Great work! Any way you could publish your file on Figma Community? Would love to check it out!

Nitish Khagwal 的头像

Nitish Khagwal2 年前

@figma Thanks, Niko. Cleaning up the Figma file now; will share shortly.

Mustafa Akşit 的头像

Mustafa Akşit2 年前

@figma great work👌 what is the font you used

Arpit Chandak 的头像

Arpit Chandak2 年前

@figma Gives @nothingindia phone feel

Jan 的头像

Jan2 年前

@figma Nice collection! Color 🟧 👌

Michael 的头像

Michael2 年前

@figma What is the font you used?

Denny デニー的头像

Denny デニー2 年前

@figma Awesome animation !!

Aj Picard 的头像

Aj Picard2 年前

@figma These are awesome, god I have to learn variables.

Deepak Jadhav 的头像

Deepak Jadhav2 年前

@figma So beautiful ❤️❤️ the bottom calendar font is so amazing to see as well as have on screen

Evan Gauer 的头像

Evan Gauer2 年前

@figma Widgets are one of the most under utilized tools on iOS I am constantly looking for new ways to show the data I want in a widget format Somebody make some of these real!!

相关视频

Figma BTS ✨ From watching tutorials to collaborating with Figma , feels like a full-circle moment. Grateful to be part of this with a bunch of insanely talented folks.

Figma BTS ✨ From watching tutorials to collaborating with Figma , feels like a full-circle moment. Grateful to be part of this with a bunch of insanely talented folks.

Aamon

47,257 次观看 • 11 个月前

Just made a full BlindTest UI, with view bindings, animations, and custom buttons. No Verse needed again. Everyday i discover new things with widgets!

Just made a full BlindTest UI, with view bindings, animations, and custom buttons. No Verse needed again. Everyday i discover new things with widgets!

Keenéo

18,939 次观看 • 1 年前

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

Figma

39,643 次观看 • 1 年前

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Figma

169,151 次观看 • 1 年前

Variable width stroke: For those of you who need control over the width of every single point along a stroke

Variable width stroke: For those of you who need control over the width of every single point along a stroke

Figma

163,102 次观看 • 1 年前

Variable width for vector paths in Figma.✏️

Variable width for vector paths in Figma.✏️

Darius Dan

89,990 次观看 • 1 年前

All this talk about Figma Sites, but will it ever be as buttery smooooth as Framer 👀

All this talk about Figma Sites, but will it ever be as buttery smooooth as Framer 👀

Hamza Ehsan

44,529 次观看 • 1 年前

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.

FHILY👑

28,094 次观看 • 25 天前

Turned this into a plugin with a bunch of props. I love doing procedural stuff, so gave this a try. Learned a lot about vector networks. #figma #figmaplugin

Turned this into a plugin with a bunch of props. I love doing procedural stuff, so gave this a try. Learned a lot about vector networks. #figma #figmaplugin

Anvesh Dunna

52,303 次观看 • 2 年前

Another quick Figma tutorial to create this animation using variable and conditions 🥤. Small video to create this included. And get the code cheatsheet shared below. ✨

Another quick Figma tutorial to create this animation using variable and conditions 🥤. Small video to create this included. And get the code cheatsheet shared below. ✨

vijay verma

139,422 次观看 • 3 年前

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection

Figma

93,250 次观看 • 1 个月前

I'm building a new website! ✨ — Figma + Claude Code — Infinite canvas with some of my work — Fun experiments :~)

I'm building a new website! ✨ — Figma + Claude Code — Infinite canvas with some of my work — Fun experiments :~)

𝔪𝔞𝔱𝔱𝔥𝔢𝔴 𝔳𝔢𝔯𝔫𝔬𝔫

16,161 次观看 • 4 个月前

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

UxUi.Tega

12,043 次观看 • 1 年前

Adrian Kempe with a smooooth move for the only goal in the shootout! 😮‍💨

Adrian Kempe with a smooooth move for the only goal in the shootout! 😮‍💨

NHL

70,839 次观看 • 2 个月前

NEW: We’re doubling down to support creators on Figma Community. Starting today creators can: 1. Sell files, plugins, and widgets 2. Apply for the Creator Fund, a grant program for creators to publish free resources So what are you going to make?

NEW: We’re doubling down to support creators on Figma Community. Starting today creators can: 1. Sell files, plugins, and widgets 2. Apply for the Creator Fund, a grant program for creators to publish free resources So what are you going to make?

Figma

270,108 次观看 • 3 年前

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Figma

111,014 次观看 • 1 年前

sketch or design anything and turn it into a functional prototype with the ✨ Build it button inside of Figma and FigJam

sketch or design anything and turn it into a functional prototype with the ✨ Build it button inside of Figma and FigJam

Jordan Singer

479,774 次观看 • 2 年前

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles

Figma

139,781 次观看 • 1 年前

A pendulum with a variable length is a great example of an equation in physics!

A pendulum with a variable length is a great example of an equation in physics!

Code Geek

37,989 次观看 • 3 个月前

Add space between Flex widgets with this previous #PackageOfTheWeek! 🤏 Use the Gap package to add space between widgets without keeping track of whether its parent is a Row or Column.

Add space between Flex widgets with this previous #PackageOfTheWeek! 🤏 Use the Gap package to add space between widgets without keeping track of whether its parent is a Row or Column.

Flutter

15,628 次观看 • 9 个月前