Animation
Heartbeat Animation
Made a Heartbeat Animation in @figma ❤️
Here are all the components used in animation. 🙌

How to make a pulsing line animation in @figma 👇
Step 1: The base elements are shown in screenshots. 3 Lines and 2 masks.

Step 2: Create the "Path" layer - This layer is for the animation of the line.
Step 3: Create the "Glow" layer - This layer is for the animation of the Glow.
Step 4: Align "Path", "Glow" and "Line" into a frame.
Step 5: Make a copy of the framer created in the previous step, and then move the 2 masks to the right.
Step 6: Add animation, and done! 🚀
I publish the Figma file to the community. 🚀 Check it out. 👇
https://www.figma.com/community/file/1193780699341692092

Continue Reading
Illustration
Creating cool posters with NT plugin
January 22, 2023
Illustration
Creating colorful text component for posters
January 23, 2023
Animation
Creating experimental animation that looks like the Tetris game
January 23, 2023
Technical
Create neutral (gray) color set in Figma
January 23, 2023
Gradient
Learn how to create " @linear gradients" with @figma
January 23, 2023
Animation
Experimental loading animation in figma
January 23, 2023
Gradient
Create ultra gradient with Figma
January 23, 2023
Hack
Making an endmark in texts
January 23, 2023
Animation
Designing shiny button animation
January 23, 2023
Illustration
Create 3D splines in Figma
January 23, 2023
Hack
How to build a responsive tooltip with pointers that stay where they should
January 23, 2023
Hack
Button min width hack
January 23, 2023
Animation
Create Icon Animation in Figma with Aninix Plugin
January 23, 2023
Automation
Generate all instances of components in a labeled table in seconds
January 23, 2023
Automation
Automatically pull data from Airtable into Figma
January 23, 2023
Automation
Automation that labels your design system components
January 23, 2023
Automation
Automation to outline the spec of a design in Figma with Automator
January 23, 2023
Technical
Flip between rows and columns whenever you want!
January 23, 2023
Animation
Grid Design and Interaction for Landing Pages
January 23, 2023
Animation
Sharp and Clear Shot Export Settings for Twitter
January 22, 2023