In this great figma tutorial you will learn how to create an interactive component which is a list item with its the ability to delete by tapping on a delete icon or by swiping it.
You will start by animating two icons, the delete icon and the archive icon, creating their cool micro interactions. Continue by creating the actual list item that will hold them and have its own actions to delete either by tapping or swiping using the figma drag trigger interaction.
Link to download the file of the tutorial -
https://drive.google.com/file/d/1vrMD...
In this tutorial we are using components, variants, interactive components, smart animate, auto layout.
If you are not familiar with any of these or part of them, you can definitely check out these tutorials to catch up with it:
Components and variants, part 1 and 2 -
• Figma tutorial: components and varian...
• Figma tutorial: components and varian...
Smart animate -
• Figma tutorial for beginners: Prototy...
Auto layout -
• Figma tutoria: Auto Layout | Get star...
#yarivbe