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.

This is how to record your Figma prototypes like a PRO!

Jan Mraz

103,736 subscribers

18,283 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

12 Comments

Jan Mraz1 year ago

Ready to try @Montra? It's free! 👇

FANCO2 years ago

Use a stamp instead of your signature! A popular Japanese stamp that substitutes for a signature has arrived in the US in an official partnership with "Godzilla"! You have a choice of 26 designs such as #Godzilla, #Mothra, and #KingGhidorah .

Tobi_Kazim | Mobile App Designer1 year ago

This is a game changer. Before now, I usually utilise my system's screen recording feature, but now, I'd try this Thank you

Jan Mraz1 year ago

Yes! I'm sure you will love it, Tobi! 🚀

Designer1 year ago

Nice one

Jan Mraz1 year ago

Thanks mate!

Peter Design1 year ago

Very useful tips!

Jan Mraz1 year ago

Thanks Peter!

Ngozi • UI/UX🪐1 year ago

Thanks for this.

Jan Mraz1 year ago

Always welcome!

Ikhile Ahuose1 year ago

This is great I was just thinking of how I can record my recent figma prototype

Jan Mraz1 year ago

I'm happy it helps!

Related Videos

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

Jayneil Dalal

14,607 views • 1 year ago

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Figma

99,222 views • 5 months ago

Release Notes, EP-007 → Take your vibe-coded prototypes further in Figma → Connect design systems to code → Ship your best idea fast MAY 5, 9AM PT | 12PM ET

Release Notes, EP-007 → Take your vibe-coded prototypes further in Figma → Connect design systems to code → Ship your best idea fast MAY 5, 9AM PT | 12PM ET

Figma

72,569 views • 2 months ago

How to make iced lemon tea like a pro 🍋 Save this and your summer is sorted.

How to make iced lemon tea like a pro 🍋 Save this and your summer is sorted.

Muse

190,359 views • 2 months ago

Wake up you can now download and present your prototypes and slides offline anywhere

Wake up you can now download and present your prototypes and slides offline anywhere

Figma

100,241 views • 1 year ago

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Figma

181,503 views • 7 months 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 🦄🦓

29,851 views • 5 months ago

How to Manage Your Emotions Like a Pro

How to Manage Your Emotions Like a Pro

Bitty

87,981 views • 2 years 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

397,726 views • 1 month ago

Breakdown of how to make mockups like this using Midjourney + Figma:

Breakdown of how to make mockups like this using Midjourney + Figma:

Brett

55,404 views • 1 year 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

Complex Figma prototypes shipped as production ready interactive Lottie animations. Hyo showing designers in Seoul how it works.

Complex Figma prototypes shipped as production ready interactive Lottie animations. Hyo showing designers in Seoul how it works.

Nattu

13,939 views • 3 months ago

How to massage your girl’s shoulders like a pro

How to massage your girl’s shoulders like a pro

Interesting AF

494,328 views • 6 months ago

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance

Figma

170,120 views • 7 months ago

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇

Jayneil Dalal

86,024 views • 1 year ago

Go from Figma design to Lovable app This is how:

Go from Figma design to Lovable app This is how:

Lovable

20,336 views • 1 year ago