These are actually very impressive.

cool analysis. I was excited to see your solution! but it never came :(

Use keyshape for mac. It's not very expensive and allows you to animate with both CSS and their JS library.

SVGs are just xml as well so developers can often take what you animate in keyshape and manipulate the code even further. SVG is also a great way to mix medias like live text over an image or making part of an image an animated gif while maintaining a small file size. since raster images can also be embeded into an svg.

omg

What sans-serif typeface did you use for this. I'm in love.

wow this is super cool

Nice work! If you're looking to improve I would suggest exploring a personal style, this mid-century modern with organic shapes has been very repeated over the past couple of years. I would also look at consistency across the illustration series, there are a few illustrations with mixed perspectives, and illustrations like 'lock' icons are different in each illustration. It looks like corners aren't scaling but the rest of the shape is. Keep it up these look like a lot of work!

We use JIRA here and have a 'JIRA' project where we create files for each handoff. It allows us to have 'frozen files' that have everything annotated without us having to worry about developers peeping or having things change unexpectedly. We just copy and paste the frames into the new file and name the file the ticket number... that way we can also search figma by ticket number and easily find things we've handed off.

lmao!

Because mid century modern is in.