{"id":7694,"date":"2022-08-29T21:44:45","date_gmt":"2022-08-29T12:44:45","guid":{"rendered":"https:\/\/designcompass.org\/?p=7694"},"modified":"2025-06-06T13:33:05","modified_gmt":"2025-06-06T04:33:05","slug":"figmotion","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2022\/08\/29\/figmotion\/","title":{"rendered":"Figmotion: Lightly Touch Motion"},"content":{"rendered":"

Motion that conveys a living impression has become an essential part of digital products. However, even if you try to start motion, it is often difficult to challenge easily. It's because there's a lot to prepare than you think and it's not easy to make. You will need to subscribe to Adobe's After Effects and learn a separate plugin called Lottie that converts movement to be usable in Figma or other development environments.<\/p>\n\n\n\n

Figmotion Figmotion is a plug-in that allows you to create simple motions with Figma before learning the next difficult motion. After Effects You can use the most commonly used features in After Effects simply. The most commonly used position and transparency can be adjusted for each frame, and movement can be delicately controlled with Bezier curves. It is a good plug-in to use lightly because you do not have to use files heavily. It can be exported as a gif, and can also be exported as CSS or JSON used in development.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

More and Sources<\/h2>\n\n\n\n