正在加载视频...

视频加载失败

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

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,708 subscribers

139,457 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 条评论

vijay verma 的头像

vijay verma3 年前

Grab this code cheat sheet with all variables and conditions.

vijay verma 的头像

vijay verma3 年前

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

Here other similar tutorial

Figma 的头像

Figma3 年前

@realvjy you never cease to amaze us 🤩

vijay verma 的头像

vijay verma3 年前

Figma and me

Pablo Paredes 的头像

Pablo Paredes3 年前

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

Miggi from Figgi 的头像

Miggi from Figgi3 年前

@figma Wizard! 🧙🏽

vijay verma 的头像

vijay verma3 年前

@figma 🫶

vaibhav aggarwal 的头像

vaibhav aggarwal3 年前

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

˗ˏˋ vyshnav ˊˎ˗ 的头像

˗ˏˋ vyshnav ˊˎ˗3 年前

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

vijay verma 的头像

vijay verma3 年前

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

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

How To Create Full Children Animation video (Complete Tutorial) In this short video, you’ll learn exactly how to use Suno AI to make music, Nano Banana to create fun animations, and google VEO 3.1 to produce smooth, high quality visuals. This information is for both new and existing creators on Youtube, Tiktok, Facebook & Instagram, who want to learn how to create Children’s Animation video. Like, Retweet and Bookmark. Follow BIG CHRIS

How To Create Full Children Animation video (Complete Tutorial) In this short video, you’ll learn exactly how to use Suno AI to make music, Nano Banana to create fun animations, and google VEO 3.1 to produce smooth, high quality visuals. This information is for both new and existing creators on Youtube, Tiktok, Facebook & Instagram, who want to learn how to create Children’s Animation video. Like, Retweet and Bookmark. Follow BIG CHRIS

BIG CHRIS

16,666 次观看 • 1 个月前

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

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

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

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

24,357 次观看 • 2 个月前

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

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

I asked Claude Fable to "create a FF7 inspired launch video using remotion" and it cranked and 1-shot this (music included). Much better than any other model I've seen to date.

I asked Claude Fable to "create a FF7 inspired launch video using remotion" and it cranked and 1-shot this (music included). Much better than any other model I've seen to date.

Sawyer Hood

62,595 次观看 • 1 个月前

How to Create True Crime Videos for Faceless YouTube In 2026 (Full Tutorial) In this video, you'll learn how to create high retention true crime videos for a faceless YouTube channel using AI and simple systems. This information is for both new and existing Youtube creators, who want to learn how to create True crime videos. Like, Retweet and Bookmark. Follow BIG CHRIS

How to Create True Crime Videos for Faceless YouTube In 2026 (Full Tutorial) In this video, you'll learn how to create high retention true crime videos for a faceless YouTube channel using AI and simple systems. This information is for both new and existing Youtube creators, who want to learn how to create True crime videos. Like, Retweet and Bookmark. Follow BIG CHRIS

BIG CHRIS

36,277 次观看 • 1 个月前

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

Here is my latest piece some Claymation music video fun with "Spaceman HaHaa" Quick Tutorial below on how to have your own claymation fun. This is video is sponsored and created using Invideo

Here is my latest piece some Claymation music video fun with "Spaceman HaHaa" Quick Tutorial below on how to have your own claymation fun. This is video is sponsored and created using Invideo

Captain HaHaa

12,153 次观看 • 4 个月前

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

327,105 次观看 • 3 个月前

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

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

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

Here is a complete guide to the vibe coding process we're using to redesign Google AI Studio ✨ Below is practical advice you can apply to your own projects: - Create a vibe coded prototype that feels polished - Migrate from Figma to code - Adding animations Full episode 👇

Here is a complete guide to the vibe coding process we're using to redesign Google AI Studio ✨ Below is practical advice you can apply to your own projects: - Create a vibe coded prototype that feels polished - Migrate from Figma to code - Adding animations Full episode 👇

Ammaar Reshi

186,430 次观看 • 10 个月前