Adi Purdila

How to Design and Animate a Collapsible Sidebar in Figma

Thank you for sharing your project with us, looks fantastic. And thank you for the stellar review, I really appreciate it 🙏

Hi there! You are welcome.And thank you for teaching these awesome skills and a kind comment! All the Best. Slobodan

Creating a collapsible sidebar and prototyping.
 
 
<img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/769a640e.gif 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/769a640e.gif 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/769a640e.gif" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 1 - student project"> <img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/59b6d7c4.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/59b6d7c4.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/59b6d7c4.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 2 - student project"><img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/18610258.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/18610258.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/18610258.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 3 - student project"><img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/23ee7480.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/23ee7480.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/23ee7480.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 4 - student project"><img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/ec0a6a5b.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/ec0a6a5b.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/ec0a6a5b.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 5 - student project"><img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/babed1f1.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/babed1f1.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/babed1f1.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 6 - student project"><img srcset="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/046922aa.png 600w, https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/046922aa.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/0e5f95a6994043e84428cf6ec50b0230/046922aa.png" loading="lazy" alt="Design and Animate a Collapsible Sidebar in Figma - image 7 - student project">

Design and Animate a Collapsible Sidebar in Figma

Company

Work With Us

Teach with Us

Shop

Mobile