Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Nitish Khagwal

26,207 subscribers

73,828 views • 2 years ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Niko2 years ago

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

Nitish Khagwal2 years ago

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

Mustafa Akşit2 years ago

@figma great work👌 what is the font you used

Arpit Chandak2 years ago

@figma Gives @nothingindia phone feel

Jan2 years ago

@figma Nice collection! Color 🟧 👌

Michael2 years ago

@figma What is the font you used?

Denny デニー2 years ago

@figma Awesome animation !!

Aj Picard2 years ago

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

Deepak Jadhav2 years ago

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

Evan Gauer2 years ago

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

Related Videos

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 views • 10 months ago

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

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

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

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

162,954 views • 11 months ago

Variable width for vector paths in Figma.✏️

Variable width for vector paths in Figma.✏️

Darius Dan

89,990 views • 11 months ago

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

42,081 views • 1 year ago

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 views • 2 years ago

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 views • 2 years ago

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

75,831 views • 7 days ago

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,156 views • 3 months ago

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 views • 11 months ago

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,058 views • 3 years ago

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 views • 2 months ago

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

110,983 views • 1 year ago

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 views • 2 years ago

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

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 views • 3 months ago

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 views • 3 months ago

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 views • 9 months ago