I am a designer and front-end developer. I spend my time fussing with pixels in Photoshop Sketch or pretending I know how to use vim. I live in the cheerful Bay Area and love coffee. ☕

August 23, 2018

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.

An example of the component in use.

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:

Let me know if you use it in your designs!

View on Dribbble Share on Twitter