DEV Community: Design Xstream

Path Animation for Objects in Figma: with & without Plugins

Design Xstream — Thu, 14 Dec 2023 11:09:42 +0000

Starting with the basics, I'll show you how to create a point-to-point zigzag animation, perfect for beginners. Next, we'll elevate your skills by teaching you how to animate objects along a smooth, curved path – no plugins required. Finally, for those looking to achieve professional results with ease, we'll try a super easy method using Figma plugins that streamline the animation process. Whether you're a novice or looking to speed up your workflow, this tutorial has you covered.

figma #pathanimation #figmaanimation

Easy Guide to Figma Constraints: with Real UI Examples

Design Xstream — Sat, 18 Nov 2023 07:53:53 +0000

This is an easy-to-understand guide on how constraints work in Figma. Constraints are a common topic in many tools like Figma, Sketch, WebFlow, Framer, etc. The behaviour is also common in most of these tools which help in creating designs that scale.

Constraints #FigmaTutorialSeries

⏱️Timestamps:
0:00 - Intro
0:34 - Understanding the terms
3:18 - Example for Left, Right, Top, Bottom
5:09 - Example for Left & Right, Top & Bottom
6:24 - Example for Scale, Center
6:52 - Advanced Constraints