Framer X Avatar Component
I recently created a simple avatar component for Framer X. Avatar components are quite simple, and often a starting point for design systems, but it was a fun exercise nonetheless. Learning about how Framer X structures its components, and allows for distribution on their store, was invaluable for mastering the tool.
The component supports photos and initials, any corner radius, male/female, and any arbitrary size. I’ll be adding the ability to override the photo yourself, shortly.
You can’t currently link to components in the Framer X store, but it appears under the “recents” section.
An example of the component in use:
Step 3: Create a horizontal scrollable "Stories" feature for the app. I loved using Simple Avatar by @pklada - this component alone saved my upwards of 15 mins probably. pic.twitter.com/WWz2A8hena— Johnny Rodriguez (@tryjohnny) August 23, 2018
Let me know if you use it in your designs!