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.

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in Figma. Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.

Alex Barashkov

29,988 subscribers

124,968 views • 2 years ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Nick2 years ago

@figma Niceee! Is it possible some where to check Figma file?)

Alex Barashkov2 years ago

@figma Il send it to you in DM

Saagar Srivastava2 years ago

@figma 🤯🤯🤯🤯🤯

CK - GenAI Design Engineer2 years ago

@figma Do you have a link to the video not on twitter? It's impossible to scrub through with Twitter's video player :-)

Alex Barashkov2 years ago

@figma Il send you in DM later today.

✦ Harsh Vaja ✦ ⚡️2 years ago

@figma Masterpiece ⚡️

Dhimas Putra2 years ago

@figma How could you get the inspiration , it's so incredible 😱

Ashwin Pradeep Kumar2 years ago

@figma Thank you so much Alex for sharing this wisdom with us!🤯🙏

Rudegar2 years ago

@figma Amazing, thank you!

Visit Yourfeed.ai ⚡️2 years ago

@figma Fire. Make more.

Alex Barashkov2 years ago

@figma Next week there will be new tutorials and teasers 😀

Related Videos

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

Figma

923,923 views • 2 months ago

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Figma

17,862,296 views • 4 months ago

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.

Brew Markets

52,033 views • 3 months ago

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

Jayneil Dalal

53,342 views • 1 year ago

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,690 views • 2 years ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 views • 6 months ago

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:

Camden @ Designownow

285,083 views • 1 year ago

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

David Aerne

13,980 views • 3 months ago

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex

Jayneil Dalal

32,539 views • 1 year ago

Tutorial on how to turn a picture into a full Figma design in seconds using only prompts with BLACKBOX AI

Tutorial on how to turn a picture into a full Figma design in seconds using only prompts with BLACKBOX AI

BLACKBOX AI

35,422 views • 8 months ago

Overlord for Figma is here! And your design → motion pipeline will never be the same. Check out all the new things in 2.4.0. ᳵ ᳵ ᳵ ⁠ ᳵ ᳵ ᳵ ⁠ #battleaxe #motiondesign #aftereffects #animation #mograph #plugin #ux #uxdesign #figma

Overlord for Figma is here! And your design → motion pipeline will never be the same. Check out all the new things in 2.4.0. ᳵ ᳵ ᳵ ⁠ ᳵ ᳵ ᳵ ⁠ #battleaxe #motiondesign #aftereffects #animation #mograph #plugin #ux #uxdesign #figma

Battle Axe

18,088 views • 1 year ago

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

399,124 views • 2 months ago

Designer at Figma shows how to respond to tough design feedback without an ego Whether it's positive or negative design feedback, feedback is still a gift! We should celebrate the effort made by a stakeholder to give feedback on our designs despite their busy schedules 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 shows he responds to design feedback in Figma from luis. 👇

Designer at Figma shows how to respond to tough design feedback without an ego Whether it's positive or negative design feedback, feedback is still a gift! We should celebrate the effort made by a stakeholder to give feedback on our designs despite their busy schedules 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 shows he responds to design feedback in Figma from luis. 👇

Jayneil Dalal

42,080 views • 1 year ago

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇

Jayneil Dalal

66,181 views • 10 months ago

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,135 views • 3 years ago

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇

Jayneil Dalal

20,714 views • 1 year ago

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma

Blade - The design system that powers Razorpay, is now on Figma community. Explore polished components, peek at our secret sauce (work in progress!), and discover their stories in the docs. All the design goodness awaits! Link in thread. #designsystem #razorpay #blade #figma

Razorpay Design

37,776 views • 2 years ago

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 views • 1 month ago

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

79,132 views • 5 months ago