Figma is one of the best tools for making a wide range of forms, including scrollable designs. Better still, Figma is free. However, you might have certain personal preferences. Try experimenting with a few platforms, such as Adobe Illustrator, until you find the tool best suited to you. ...
Figma continues to add new features to make animations and micro-interactions easier to design. Last month they added a ton of new updates including some slickspring animations. There are still many limitations. One missing feature I hope to see added soon is the ability to animate on scroll....
By the end, you’ll have a clear understanding of Figma’s interface, how to utilize its advanced functions, and best practices for efficientdesign collaboration, ensuring your app design stands out. Ready to elevate your design process? Let’s dive in. How to Use Figma to Design an App: ...
Create scroll areas inside Artboards to scroll through content vertically, horziontally or in multiple directions. Set custom layer visibility options that change how and when layers appear in a prototype. Pin fixed elements to a scrolling prototype (e.g. menu bars, toolbars, or footers). Use...
Adam and his team relied on Figma to make sure each letterform would work across diverse use cases, from charts and body text to bold headlines. Sometimes individual characters felt too ornate in situ, or clashed with page layouts. To wit: The team went back and forth on the length of ...
In this post, I’ll walk you through how to make text components for Figma that can be easily implemented on Android, with code snippets and explanations. This post is also helpful for developers to understand why they should move that button 3px to the left. If all you need is to quick...
Now that I’ve got that saved, I can just double click on that and that will open it up for me in Sketch. Here we go, I’ve got Sketch open, and you can see it’s converted our design from Figma as we’d expect. If I put those side by side just to make it a little bit...
It’s not only videos where you have to think of controls. For motion animations triggered by interactions, like an image that moves when you hover or scroll, to meet Level AAA standards, you have to provide a way for those animations to be disabled. Finally, flashing lights are also some...
If the problem can be solved with an app, that’s a really good reason to create one! Write down any of these ideas even if you know an app already exists to solve this problem because as you’ll see in the next step, there may be an opportunity to make a better app than what ...
You will need to get a new Figma plugin ID by opening Figma Desktop App and creating a new plugin. Then copy the ID to thefigma/manifest.jsonand also update the name key. Typings Make sure to check out the repo with submodules if you want the Figma typings. ...