I tried replicating the search animation I created in Figma and Jitter from Mission 5 using HTML, CSS, and JS and tested it using CodePen.
https://codepen.io/Bhuvana-Shankar/pen/dyBwEzp
Here’s what my Figma animation from Mission 5 looked like:
Prototype GIF of search animation made in Figma, showing 4 distinct states - Enabled quick action button, enabled search bar (empty), focused search bar (empty) and focused search bar (filled)