正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

Figma

579,287 subscribers

124,441 次观看 • 2 年前 •via X (Twitter)

健康养生教育科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

LottieFiles 的头像

LottieFiles2 年前

We’ve also updated the community inspirations file with loads of ready-to-use Lottie animations: Share your creations using #FigmaToLottie. ✨

Dogan Ural 的头像

Dogan Ural2 年前

@LottieFiles Wow, great news! I have been using Figma for animations for a long time. It'd be great if we could export videos directly from prototypes.

Doug Orchard 💙 的头像

Doug Orchard 💙2 年前

@LottieFiles The most unreliable way to make Lottie files.

UXVoyage 的头像

UXVoyage2 年前

@LottieFiles Damn good

091 的头像

0912 年前

@LottieFiles

Karim Saif 的头像

Karim Saif2 年前

@LottieFiles Awesome

Ludwig Adorno 的头像

Ludwig Adorno2 年前

@LottieFiles Awesome!

Nur Asyrof M 的头像

Nur Asyrof M2 年前

@LottieFiles

Jonathan Waterworth 的头像

Jonathan Waterworth2 年前

@LottieFiles Wooooo this looks great!

Tito✦ 的头像

Tito✦2 年前

@LottieFiles That's awesome but what do developers think about this?

相关视频

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,554 次观看 • 3 年前

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,282 次观看 • 2 年前

Announcing 4 key updates on Figma to Lottie. 🔽 1. 🖥️ Auto Layout - Animate the layout flow direction between vertical, horizontal, and wrapped layouts. - Auto-space elements as the parent element resizes.

Announcing 4 key updates on Figma to Lottie. 🔽 1. 🖥️ Auto Layout - Animate the layout flow direction between vertical, horizontal, and wrapped layouts. - Auto-space elements as the parent element resizes.

LottieFiles

12,902 次观看 • 2 年前

Excited to share Animate it Figma plugin! ✨ I made this plugin to quickly create animated smart components that I use most of the time—like rotate, zoom, slide, and more. It generates a set of components based on animation presets. Check here

Excited to share Animate it Figma plugin! ✨ I made this plugin to quickly create animated smart components that I use most of the time—like rotate, zoom, slide, and more. It generates a set of components based on animation presets. Check here

vijay verma

11,931 次观看 • 1 年前

#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,938 次观看 • 3 年前

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,708 次观看 • 2 年前

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Figma

789,942 次观看 • 2 年前

Dev Mode, now in Codex. Available in the Figma plugin.

Dev Mode, now in Codex. Available in the Figma plugin.

Figma

2,441,087 次观看 • 1 个月前

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new

Figma

205,395 次观看 • 3 年前

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉

LottieFiles

17,026 次观看 • 3 年前

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024

Figma

57,547 次观看 • 2 年前

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages

Figma

998,088 次观看 • 2 年前

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw

Figma

63,617 次观看 • 6 个月前

Introducing Motion Tokens. Data-driven animation. Every property controlled at runtime. Update text, colors, gradients and transforms — all from code.

Introducing Motion Tokens. Data-driven animation. Every property controlled at runtime. Update text, colors, gradients and transforms — all from code.

LottieFiles

60,459 次观看 • 8 个月前

Auto layout just got more powerful with Grid → Format in a gallery, card or bento layout → Items can span multiple cells #Config2025

Auto layout just got more powerful with Grid → Format in a gallery, card or bento layout → Items can span multiple cells #Config2025

Figma

161,564 次观看 • 1 年前

Figma Slides, now out of beta and with new features (!!!) → Import/Export .pptx → Object Animations → Slide numbers → Components → Video improvements

Figma Slides, now out of beta and with new features (!!!) → Import/Export .pptx → Object Animations → Slide numbers → Components → Video improvements

Figma

114,766 次观看 • 1 年前

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Figma

318,862 次观看 • 2 年前

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers

Figma

62,879 次观看 • 2 年前

Features that bring design closer to CSS, so what you handoff is exactly what ships

Features that bring design closer to CSS, so what you handoff is exactly what ships

Figma

38,539 次观看 • 1 个月前

This is the first time I've seen this used in production - really neat technique! The new Stripe dev site uses a single grid layout of 24 columns and then uses subgrid nested 5-6 levels deep for all its layout.

This is the first time I've seen this used in production - really neat technique! The new Stripe dev site uses a single grid layout of 24 columns and then uses subgrid nested 5-6 levels deep for all its layout.

Wes Bos

117,891 次观看 • 2 年前