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/1vrMDEaADXvcYZv5m4ce5IYzVTil4Kesa/view?usp=sharing
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 -
https://www.youtube.com/watch?v=f_sqdkfHShQ
https://www.youtube.com/watch?v=3W6B9FsG0pE
Smart animate -
https://www.youtube.com/watch?v=KD-EsBfWJmY
Auto layout -
https://www.youtube.com/watch?v=aj0McHNCeVA
#yarivbe
