Update November
This is one of the most important updates of the Figma Motion plugin. I reinvented a lot in its interface to give users more abilities and useful functions.
I decided to make some notes here in order to give you more detailed information about new features. I worked hard on improving the plugin. I hope you will like it.
This update is about right panels. Which are Keyframe, Anchor and Export. They are always visible and easily accessible.
Keyframes panel
Keyframe panel is totally new now. The old one was not very comfortable to use. It could not be filled with a lot of functions. Let’s move on to the keynotes features.
One click
Double click to show the old keyframe panel was a little confusing. The new keyframe is now available in just one click on any keyframe. Less clicks, more comfortable usage. If you want to select a keyframe and edit its value immideatly you can use double click on keyframe. When you add a new keyframe you will have an ability to change its value at the same time, because the value field will be automatically focused and selected.
Multiple select
You can select any amount of keyframes and the new keyframe panel will show you all the common properties they have. It can be a time, a value, an easing. It is very helpful when you want to edit the same easings of different keyframes. It’s that easy.
Time value
Now you can edit a keyframe time not only moving it by cursor. You can set it using s or ms units or event m:s:ms format. E.g.: 1.1s, 1100ms or 1:100.
Values calculations
It is very useful to do some math operations on values. It could be sum, subtraction, multiplication, division and exponentiation. They are available in any numeric fields. It does not matter what units the field has. E.g.: 10% + 10 = 20%, 10 + (10 * 2) = 30, 1s+500ms = 1.5s.
Note: If you didn’t know, you can click on ArrowUp and ArrowDown keys to increase or decrease field value. Change step will depend on value type.
Easings editing
It was one of the most asked feature to add. Some time ago I added a lot of easings to use. But they were not configurable. Now you can edit them any way. You can use handles on the plot to change the Bézier curve or you can set its values in the fields below.
Vector paths
There are two ways to animate vectors. You can edit its own paths or use another vector layers as the source of paths. Select the Self option for the first way and the Another layer for the second. Now, you have a preview of the keyframe paths for Self type and Select layer and Remove layer options for the Another layer type.
Anchor panel
Earlier, you have just several options of the anchor. Now, you can set it to any value. You can set it manually in the values fields. More than that, you can change it by moving the anchor aim on the layer preview.
Export panel
Some people could not find export option. It’s ease to access now.
Conclution
I hope this update will give you more abilities. You will realize your ideas in just some clicks. Your animations will be more cool and creative. Motion will help you to bring your design to life.
If you have any ideas, feel free to write me. The better way is to email me. The email address you can find in the plugin Main menu or on the plugin page.
Keep on making the best product.
