Figma Using Videos and Blend Modes in Figma to Create More Interesting Screen Transitions Figma only supports a simple dissolve animation. I wanted my transition to have more personality, so my solution used video and blend mode.
Figma Light and Dark Themes in Figma: A Variable-Powered Design Guide Designing for both light and dark themes used to be a painstaking process. Fortunately, Figma's variables come to the rescue.
Figma Build an Almost Functional Search Bar to Use in Your Figma Prototypes Learn how to build a search bar in Figma that accepts keystrokes and mimics the experience of a user typing in real-time!
Figma How to Animate On Scroll in Figma: Part 2 Learn to create a parallax effect on scroll using Figma components and smart animations in this design tutorial.
UX/Design Tools Figma for Developers: Overlooked Features to Use on Your Next Project According to Figma, they are THE design tool for frontend developers. If you're a developer working with Figma, here are a few tips.
UX/Design Tools Set Up Design Implementation for a New Software Project Using Figma Here is my current game plan to get the design implementation side of a software project up and running quickly, using Figma.
UX/Design Tools [VIDEO] Create an Advanced Button Component in Figma Today we are going to create a fun, animated button in Figma by using component properties, variances, and prototype animations.
UX/Design Techniques How to Animate On Scroll in Figma: Part 1 I hope Figma adds the ability to animate on scroll. Learn how to create an animated sticky header scroll effect in this Figma tutorial.
UX/Design Tools Figma for your Design Portfolio, Part 2: How to Create a Design Portfolio in Figma There are many ways to set up a file in Figma. I hope these steps can help you when you're early in your journey of building your portfolio in Figma.
UX/Design Tools Figma for your Design Portfolio, Part 1: Designing a Portfolio with Modern Day Tools What options do designers have to showcase their unique body of work and support their storytelling? The answer may be creating a portfolio in Figma!
Developer Tools Create a Figma Prototype with Data from Google Sheets Design tooling improves leaps and bounds each year. The latest tool to catch my interest is a plug-in for Figma called Google Sheets Sync.
UX/Design Tools Practical Uses for Figma’s Auto Layout and Symbols Figma’s Auto Layout and Symbols are a powerful combination of features for software designers, enabling them to add significant value to their products.