正在加载视频...

视频加载失败

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

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

35,652 subscribers

139,393 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 条评论

vijay verma 的头像

vijay verma2 年前

Grab this code cheat sheet with all variables and conditions.

vijay verma 的头像

vijay verma2 年前

Thanks! Keep tuning for more experiments. Let me know if you have any query. Till then keep designing/creating/sharing whatever you like 🙌

vijay verma 的头像

vijay verma2 年前

Here other similar tutorial

Figma 的头像

Figma2 年前

@realvjy you never cease to amaze us 🤩

vijay verma 的头像

vijay verma2 年前

Figma and me

Pablo Paredes 的头像

Pablo Paredes2 年前

@figma After many trials and fails, I finally made it 🙌

Miggi from Figgi 的头像

Miggi from Figgi2 年前

@figma Wizard! 🧙🏽

vijay verma 的头像

vijay verma2 年前

@figma 🫶

vaibhav aggarwal 的头像

vaibhav aggarwal2 年前

@figma Will try to create more new stuff using variables, but this is so cool🙌

˗ˏˋ vyshnav ˊˎ˗ 的头像

˗ˏˋ vyshnav ˊˎ˗2 年前

@figma This is cool. I’m going to try it! 🤝

vijay verma 的头像

vijay verma2 年前

@figma Great! Love to see what you make 🥤

相关视频

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 次观看 • 11 个月前

It’s Figma fun day - Here's a quick tutorial demo for smart use case of the new variable updates. Created a smart segment control button and it’s so intelligent. Also shared cheatsheet for all variables below. Enjoy 🤩

It’s Figma fun day - Here's a quick tutorial demo for smart use case of the new variable updates. Created a smart segment control button and it’s so intelligent. Also shared cheatsheet for all variables below. Enjoy 🤩

vijay verma

97,493 次观看 • 2 年前

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 🤩

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

Use Create an Animation to bring your lessons to life! ✨Here's a short tutorial to get you started. 👇

Use Create an Animation to bring your lessons to life! ✨Here's a short tutorial to get you started. 👇

Canva Education

157,285 次观看 • 3 年前

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.

Framer University

25,570 次观看 • 1 年前

They went on to create two more pieces of test footage using this animation and effects technique.

They went on to create two more pieces of test footage using this animation and effects technique.

SEGA Informant

651,581 次观看 • 11 个月前

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

51,172 次观看 • 2 年前

How to Create Viral Al Story Videos That Keep People Watching (Complete Al Film Tutorial) This information is for both new and existing creators on YouTube, learn and implement. I have also shared free tools you can use to create this videos, check the video segment. Like, Retweet and Bookmark. Follow me BIG CHRIS

How to Create Viral Al Story Videos That Keep People Watching (Complete Al Film Tutorial) This information is for both new and existing creators on YouTube, learn and implement. I have also shared free tools you can use to create this videos, check the video segment. Like, Retweet and Bookmark. Follow me BIG CHRIS

BIG CHRIS

23,677 次观看 • 1 个月前

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!

Chong-U

238,750 次观看 • 5 个月前

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,513 次观看 • 1 年前

If you want to create more delicious milk 🥛, Friend of Dorothy Supplements has the answer 👌 ~~~~~~~~~~~~~~~~~~~~~~~~ -You can get yours here: and using this code you get a discount : Chriscosplay_10%

If you want to create more delicious milk 🥛, Friend of Dorothy Supplements has the answer 👌 ~~~~~~~~~~~~~~~~~~~~~~~~ -You can get yours here: and using this code you get a discount : Chriscosplay_10%

Bull Sada

17,992 次观看 • 1 年前

A quick tutorial on using the Figma MCP server with Windsurf!

A quick tutorial on using the Figma MCP server with Windsurf!

Windsurf

113,151 次观看 • 1 年前

DIY tutorial - How to create an animation board!!!

DIY tutorial - How to create an animation board!!!

Tlauz - Animation course!!

871,046 次观看 • 9 个月前

Quick Maya animation tip on how to use Animation Layers to create transition animations for games. Link to full video in comments. #animation #animator #3d #3dart #maya #gamedev #walkcycle #tutorial #howto #cg #cgi #vfx #3danimation

Quick Maya animation tip on how to use Animation Layers to create transition animations for games. Link to full video in comments. #animation #animator #3d #3dart #maya #gamedev #walkcycle #tutorial #howto #cg #cgi #vfx #3danimation

Mark Masters

32,090 次观看 • 2 年前

How to create the viral celebrity selfie trend using AI — from image to video. Quick breakdown: •

How to create the viral celebrity selfie trend using AI — from image to video. Quick breakdown: •

Inspirenaire

45,578 次观看 • 5 个月前

How to create this bullet time effect with higgsfield. ai here is a quick tutorial sc ig/kayo

How to create this bullet time effect with higgsfield. ai here is a quick tutorial sc ig/kayo

Laurent Correia Bill

30,140 次观看 • 7 个月前

✜ After completing the above step, proceed to create your workspace. ✜ Open the source code, as shown in the video below and click "Create a working copy" ✜ Next, click "Save" and name your workspace.

✜ After completing the above step, proceed to create your workspace. ✜ Open the source code, as shown in the video below and click "Create a working copy" ✜ Next, click "Save" and name your workspace.

ᴛʀᴀᴄᴇʀ

27,010 次观看 • 1 年前

Say hello (again) to Figma Weave. Build workflows to create and edit images, video, 3D, and more. As we work on bringing Weave to the Figma canvas, what are some things you want to see?

Say hello (again) to Figma Weave. Build workflows to create and edit images, video, 3D, and more. As we work on bringing Weave to the Figma canvas, what are some things you want to see?

Figma

323,580 次观看 • 1 个月前

Here the tutorial video on how I made this falling coin Animation in figma. I hope this helps.

Here the tutorial video on how I made this falling coin Animation in figma. I hope this helps.

Khlaseek designer

29,831 次观看 • 12 天前

Pojoquiet shared a quick tutorial showing a simple trick they often use to create sci-fi textures in Blender. See more:

Pojoquiet shared a quick tutorial showing a simple trick they often use to create sci-fi textures in Blender. See more:

Jettelly Inc.

14,839 次观看 • 5 个月前