Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

12,563 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Jahren

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,255 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

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 🤿

36,615 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 🦄🦓

31,000 Aufrufe • vor 7 Monaten

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,787 Aufrufe • vor 1 Jahr

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

20,539 Aufrufe • vor 2 Monaten

$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,583 Aufrufe • vor 1 Jahr

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,557 Aufrufe • vor 5 Monaten

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,958 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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

28,752 Aufrufe • vor 1 Monat

Today, we're introducing OJO: The first Design Agent Team Workspace. Build your own design agent team, add specialized skills, and turn ideas into product strategy, PRDs, interactive prototypes, and launch-ready designs on one editable canvas. Design is not just how it looks, it's how it works. When everyone can build, taste makes your product stand out. Now, your TASTE can be engineered. #OJO #DesignwithOJO #DesignAgentTeam
1:22

Today, we're introducing OJO: The first Design Agent Team Workspace. Build your own design agent team, add specialized skills, and turn ideas into product strategy, PRDs, interactive prototypes, and launch-ready designs on one editable canvas. Design is not just how it looks, it's how it works. When everyone can build, taste makes your product stand out. Now, your TASTE can be engineered. #OJO #DesignwithOJO #DesignAgentTeam

OJO

557,270 Aufrufe • vor 26 Tagen

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,553,017 Aufrufe • vor 5 Monaten

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,003,150 Aufrufe • vor 9 Monaten

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,656 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten