Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

reallynattu's profile picture

Nattu

28,624 subscribers

13,939 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Everyone's picking sides: Figma Motion or Lottie Creator? But designers actually need both. So we built copy-paste from Figma to Lottie Creator. Start in Figma. Bring it to Creator. Ship as Lottie. How do you actually ship motion in your workflow?
0:20

Everyone's picking sides: Figma Motion or Lottie Creator? But designers actually need both. So we built copy-paste from Figma to Lottie Creator. Start in Figma. Bring it to Creator. Ship as Lottie. How do you actually ship motion in your workflow?

LottieFiles

11,488 görüntüleme • 18 gün önce

Awesome new release from LottieFiles 🤩 You can now create production-ready animations within Figma and export them as a Lottie.
1:01

Awesome new release from LottieFiles 🤩 You can now create production-ready animations within Figma and export them as a Lottie.

Fons Mans

247,800 görüntüleme • 3 yıl önce

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶
0:28

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶

Marcin Pankiewicz

112,230 görüntüleme • 1 yıl önce

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜
1:17

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Abraham John 🦄🦓

145,429 görüntüleme • 8 ay önce

feedback is the bottleneck for building with AI Inflight fixes that now designers can get structured feedback on their prototypes which loops back into Claude/Codex as next steps how it works in ~60s 👇
1:02

feedback is the bottleneck for building with AI Inflight fixes that now designers can get structured feedback on their prototypes which loops back into Claude/Codex as next steps how it works in ~60s 👇

Ridd 🤿

33,226 görüntüleme • 2 ay önce

This is how a top design team fixes design issues in Figma before going to production The process is called "Polish Review" Before handoff to engineering Head of Design christophe ✌🏻 asks a panel of designers to nit pick visual inconsistencies in the final designs This process helps the design team ensure a certain standard of quality for anything that is shipped shows how Plaid design team runs a Polish Review in Figma 👇
2:29

This is how a top design team fixes design issues in Figma before going to production The process is called "Polish Review" Before handoff to engineering Head of Design christophe ✌🏻 asks a panel of designers to nit pick visual inconsistencies in the final designs This process helps the design team ensure a certain standard of quality for anything that is shipped shows how Plaid design team runs a Polish Review in Figma 👇

Jayneil Dalal

25,904 görüntüleme • 1 yıl önce

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 💜
0:24

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

Figma Buzz is here! Proud of this one. It took time, care, and a lot of iteration. We built Buzz with brand designers and marketers in mind, making it easier for both to work side by side in Figma and turn brand assets into production-ready content. It’s in open beta starting today, can’t wait for you all to try it! Also, tune in tomorrow at 12:40pm PST for our design deep dive 👀 Figma #config2025
0:25

Figma Buzz is here! Proud of this one. It took time, care, and a lot of iteration. We built Buzz with brand designers and marketers in mind, making it easier for both to work side by side in Figma and turn brand assets into production-ready content. It’s in open beta starting today, can’t wait for you all to try it! Also, tune in tomorrow at 12:40pm PST for our design deep dive 👀 Figma #config2025

Natasha Tenggoro

59,730 görüntüleme • 1 yıl önce

$TSLA BREAKING: See how FSD Unsupervisored works in Giga Berlin! They are shipped after production and move themselves to the parking lot. (Credit: Tobias Lindh)
0:42

$TSLA BREAKING: See how FSD Unsupervisored works in Giga Berlin! They are shipped after production and move themselves to the parking lot. (Credit: Tobias Lindh)

Tsla Chan

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

Top designer at Mercury shows her agentic design explorations in Figma. Designers working on AI features should copy this and sketch how the LLM works before prototyping. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury Command in Figma👇
4:02

Top designer at Mercury shows her agentic design explorations in Figma. Designers working on AI features should copy this and sketch how the LLM works before prototyping. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury Command in Figma👇

Jayneil Dalal

19,651 görüntüleme • 20 gün önce

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?
0:34

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?

Nattu

21,458 görüntüleme • 3 ay önce

Most designers are using Figma Make wrong. There are several ways to use it but almost everyone stops at the first ones. Here's how I actually use it as a designer 👇
1:50

Most designers are using Figma Make wrong. There are several ways to use it but almost everyone stops at the first ones. Here's how I actually use it as a designer 👇

DANN©

920,762 görüntüleme • 5 ay önce

A professional motion studio now runs entirely in your browser. Meet Lottie Creator 2.0: describe an animation & Motion Copilot builds it, shape every curve in the new graph editor, add interactivity with State Machines & export production-ready Lottie. No installs, nothing to maintain. Try it free 👇
1:19

A professional motion studio now runs entirely in your browser. Meet Lottie Creator 2.0: describe an animation & Motion Copilot builds it, shape every curve in the new graph editor, add interactivity with State Machines & export production-ready Lottie. No installs, nothing to maintain. Try it free 👇

LottieFiles

26,690 görüntüleme • 5 gün önce

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips
1:03

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

designwithkingsley

28,406 görüntüleme • 1 yıl önce

Vibecoding is great for prototypes. But what about building real components you can plug into production systems? We used Claude Opus 4.6 to build a custom TTS plugin (Kitten TTS) and hook it into Vision Agents. Here's how it works 🧵
0:32

Vibecoding is great for prototypes. But what about building real components you can plug into production systems? We used Claude Opus 4.6 to build a custom TTS plugin (Kitten TTS) and hook it into Vision Agents. Here's how it works 🧵

Stream

3,552,195 görüntüleme • 4 ay önce

never forget Satya Nadella in 1993 as a Microsoft Technical Marketing Manager showing how Excel works
1:00

never forget Satya Nadella in 1993 as a Microsoft Technical Marketing Manager showing how Excel works

Bearly AI

2,002,667 görüntüleme • 8 ay önce

We hosted the shortest hackathon ever! In just 4.5 hours, teams and solo hackers shipped production-ready products. It's called the shortcut to building onchain for a reason 🫡 Here are the top 3 winners + special mentions from the Enso Build Day in Seoul ↓
1:37

We hosted the shortest hackathon ever! In just 4.5 hours, teams and solo hackers shipped production-ready products. It's called the shortcut to building onchain for a reason 🫡 Here are the top 3 winners + special mentions from the Enso Build Day in Seoul ↓

Enso | ⌘ 🛠️

15,652 görüntüleme • 9 ay önce

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.
0:20

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 görüntüleme • 11 ay önce

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at
5:09

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 görüntüleme • 6 ay önce

Ready to tackle the competition in #Madden26? Cross-play makes it easy. Here's how it works 👇
1:08

Ready to tackle the competition in #Madden26? Cross-play makes it easy. Here's how it works 👇

EA Help

72,436 görüntüleme • 11 ay önce