Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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. ✨

realvjy's profile picture

vijay verma

35,708 subscribers

139,457 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

vijay verma profil fotoğrafı
vijay verma3 yıl önce

Grab this code cheat sheet with all variables and conditions.

vijay verma profil fotoğrafı
vijay verma3 yıl önce

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 profil fotoğrafı
vijay verma3 yıl önce

Here other similar tutorial

Figma profil fotoğrafı
Figma3 yıl önce

@realvjy you never cease to amaze us 🤩

vijay verma profil fotoğrafı
vijay verma3 yıl önce

Figma and me

Pablo Paredes profil fotoğrafı
Pablo Paredes3 yıl önce

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

Miggi from Figgi profil fotoğrafı
Miggi from Figgi3 yıl önce

@figma Wizard! 🧙🏽

vijay verma profil fotoğrafı
vijay verma3 yıl önce

@figma 🫶

vaibhav aggarwal profil fotoğrafı
vaibhav aggarwal3 yıl önce

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

˗ˏˋ vyshnav ˊˎ˗ profil fotoğrafı
˗ˏˋ vyshnav ˊˎ˗3 yıl önce

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

vijay verma profil fotoğrafı
vijay verma3 yıl önce

@figma Great! Love to see what you make 🥤

Benzer Videolar

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.
1:24

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 görüntüleme • 1 yıl önce

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 🤩
1:34

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 görüntüleme • 2 yıl önce

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 🤩
0:34

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 görüntüleme • 3 yıl önce

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
15:08

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 görüntüleme • 1 ay önce

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

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

Canva Education

157,296 görüntüleme • 3 yıl önce

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

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 görüntüleme • 1 yıl önce

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.
3:23

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 görüntüleme • 2 yıl önce

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

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

SEGA Informant

651,581 görüntüleme • 1 yıl önce

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
15:15

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 görüntüleme • 2 ay önce

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!
0:22

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 görüntüleme • 6 ay önce

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.
6:06

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 görüntüleme • 1 yıl önce

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.
0:36

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 görüntüleme • 1 ay önce

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
18:45

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 görüntüleme • 1 ay önce

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
1:33

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 görüntüleme • 2 yıl önce

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
2:48

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 görüntüleme • 4 ay önce

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?
0:32

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,054 görüntüleme • 3 ay önce

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

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

Laurent Correia Bill

30,140 görüntüleme • 8 ay önce

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

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

Inspirenaire

45,578 görüntüleme • 6 ay önce

✜ 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.
0:23

✜ 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 görüntüleme • 1 yıl önce

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 👇
0:50

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 görüntüleme • 10 ay önce