Mix and match avatars with a Sketch library

get it
#3 Product of the DayNovember 15, 2017

Avataaars is a free Sketch Library that allows you to quickly create avatar illustrations. Combine clothes, hair, emotions, accessories, and colors.

  • Pros: 



    People who always find an excuse to not be inclusive will have a hard time using this library haha :)

    Thank you for the work! :)

    Filipe Gonçalves has used this product for one day.
  • Taha Azam
    Taha AzamSenior UX Designer @ VentureDive



    If there can be a programmable web app or something to create pngs for other usage.

    This is the type of people that keeps the design community together!

    Taha Azam has used this product for one day.
You need to become a Contributor to join the discussion.
Pablo Stanley
Pablo StanleyMaker@pablostanley · Designer
Hello friends! Thank you so much for the hunt, Chad! So, Avataaars is a Sketch library to create character illustrations. You can use it for your product, for fun, for personas, for team pages, or just for fun! You can mix & match hairstyles, accessories, clothing, eye expressions, mouths, skin color, and even graphics on t-shirts. Use it freely for your personal or commercial projects. No need for credit (but if you send me a link or screenshot of what you made with it, it would make my day.) Get it here: http://www.avataaars.com/ I highly recommend just opening it up on Sketch and start playing with it. But if you want more background, here's some info about it ABOUT LIBRARIES In case you don’t know, libraries are just a Sketch document with lots of symbols that you can use in multiple files. Once you download the file do the following: • Go to menu “Sketch / Preferences.” or ⌘ + , • Select the “Libraries” tab. • Click “Add Library” • Select this file from your computer and add. USING OVERRIDES Every avataaar has overrides that you can apply. When you select an avatar, check out the inspector to see all the things you can customize. • TOP: The customization starts with the Top (hair and accessories). Some hairstyles have a nested override to change the hair color. Other Tops allow you to modify or remove facial hair and even change the color of it. Neat! • ACCESSORIES: Add or remove glasses from your avatar. More fixtures coming soon :) • EYEBROWS: Select the type of expression you want your eyebrows to have. You can select a “natural” look or “outline” look, which is a bit more cartoonish. • EYES: The window to the soul! Select from different expressions. Inspired by emojis • MOUTH: Select different type of smiles, frowns, or screams! • CLOTHES: Select different types of shirts, jerseys, and overalls! Some of the clothes have a nested override to change the color.Pro Tip: Select the “Graphic Tee” to add an icon or some custom text to your shirt! • SKIN: Select different skin colors to fine tune your avatars and add diversity to your illustrations. The colors are based on the emoji options + “Yellow” and “Tanned.” • CIRCLE COLOR: Change the color of the circle mask, Only available in avatars with circle background. SCALING AND TRANSFORMING. Almost all the avatars should be able to be transformed and look good (but some stuff might break). Sketch 48 will allow symbol scaling (not supported on 47 or below.) In the meantime, you can hack this by grouping the symbol first and then scaling up or down the group. CUSTOMIZING To customize the library merely jump to the symbols page in this document and go crazy! I recommend duplicating existing symbols and use them as templates to create your own. You can also just edit the existing symbols and fine-tune them to get them just 👌. WANNA COLLABORATE? If you want to expand on this library, you can either use it as a template, add your stuff, and then publish it for everyone! To make your additions part of the official library, just shoot me a PM on twitter (@pablostanley) when you have something, and we’ll update it!
Ben Tossell
Ben Tossell@bentossell · Makerpad.co
@pablostanley I think this is pretty sweeeet. Using for my latest homepage revamp :)
Pedro Wunderlich
Pedro Wunderlich@pddro · Maker of oddball apps (3x ❤️ by Apple)
@pablostanley Beautifully done! Love the landing page! Thank you for this!
Sebastian Rumberg
Sebastian Rumberg@rumberg · I do things at Ballou PR
@pablostanley This is really incredible. Thanks so much!
Harrison Malone
Harrison Malone@harrisonmalone_ · Student @ Le Wagon
@pablostanley Love the work you do! Been a long time viewer of Sketch Together. You taught me heaps :) thanks for giving back to the design community.
Shaun Wall
Shaun Wall@nomaki · Web Developer
@pablostanley Going to be using this for our Team page, will need to add a bunch of customisations to fit our people, hopefully these can be published for others to use!
Chad Whitaker
Chad WhitakerHunter@chadwhitaker · Product Designer at AngelList ✌️
Pablo is such a positive influence on the design community and someone who loves giving back. This Sketch Library is another example of just that! Let's have a little fun with this, shall we?! Download the Avataaars Library, build an avatar of yourself in Sketch, and then upload it below. Here's me in Avataaar form: Note: Upload your png to imgur.com and paste just the link (e.g. https//imgur.com/I80W1Q0.png) in your comment below.
Pablo Stanley
Pablo StanleyMaker@pablostanley · Designer
@chadwhitaker You're really nice, Chad. Thank you so much for the hunt. I really appreciate you doing this ❤️
Clark Valberg
Clark ValbergHiring@clarkvalberg · CEO at InVisionApp.com
Amazing contributions like this are exactly what make @pablostanley so incredible!
John Palmer
John Palmer@john_c_palmer · Software Engineer
This is great. It would be awesome to see this as a Javascript package so that developers could automatically incorporate these programmatically. Anyone want to make the React library for me?
Ozgur Ozer
Ozgur Ozer@ozgrozer · Software developer
@john_c_palmer I'm interested in React and I was thinking similar things like you. Send me a message from Twitter cause I can't send you. https://twitter.com/ozgrozer
Priyanka Sharma
Priyanka Sharma@thepenwoman · Product Designer
I love this! I love Pablo and his spirit in general and this is so fun! Here's me -