Humaaans

Mix-&-match illustrations of humans with a design library.

Design ToolGolden Kitty 2018
+3

Humaaans is a free library to mix-&-match illustrations of people. You can customize their positions, clothing, colors, and hairstyle. You can add scenes and use the power of libraries to make it your own.

Available on InVision Studio and Sketch.

Discussion
Would you recommend this product?
86 Reviews4.9/5
Hello, hunters and makers! Humaaans is a free library to mix-&-match illustrations of people. You can customize their positions, clothing, colors, and hairstyle to create some cool scenes. You can add backgrounds and use the power of libraries to make it your own 💈 I added some templates of web landing pages, mobile error/success/empty states, and onboarding flows so you can quickly get started. 📱🖥 It's available on InVision Studio, which allows you to create some dope animations and tell better stories with prototypes. You can also use the Sketch file to customize the library 🎨 I can't wait to see all the crazy stuff you create with it 💪🏽 P.S. I shared some of my process on this twitter thread, in case you wanna see a bit more background https://twitter.com/pablostanley...
Flip @pablostanley - this is an amazing December gift to designers everywhere! Thank you so much.
@pablostanley I made a web-based design tool (in 2 hours) for quick prototypes. Humaaans Design Tool https://ozgrozer.github.io/hdt/ Features - You can use the search input (eg: head) to filter the illustrations in the left side. - You can add illustrations from the left side by clicking them. - You can move, resize, move to back/front, and remove your illustrations in the right side. - You can download your design as JPG (white background), and as PNG (transparent background).
@ozgrozer How did you even? Holy shit, man. This is amazing! Thank you so so much. Dope work!
@pablostanley Thank you 😊 I made this before (I made it in couple of hours too), so I had the code. Now I just exported the illustrations from Sketch library, fixed some bugs and that's it.

Humaaans are better than real humans

Pros:

Amazing

Cons:

There's no naked humaaans... v2.0 hopefully 🤞

I'll have a Private Beta of the naked version soon. Lol.
Thanks for making this and making this free, glad to see more open source stuff for designers from designers! <3
@sovesove Hell yeah, Andrea! Totally believe in the power of sharing. I feel that if we share this kind of stuff, it will probably inspire other peeps to create even wayyy cooler things and hopefully, help everyone make the web more beautiful and inclusive. Ok, I'm a hippie now. lol.

The Idea is simply marvellous and its Free!!

Pros:

Helps to scratch quickly and stay very productive.

Cons:

Product may loose its unique identity as these illustrations are going to be used by infinite number of designers.

Thank you so much for your review, Nitish! I think you are right on your cons. And I hope that the library is also used as a base so people can put their own spices and materials and make it their own. It can also serve as an inspiration so other illustrators use the power of libraries to mix-and-match their own stuff. I also hope that non-designers are able to use this to get their ideas started before they can afford hiring a professional illustrator. Sometimes is hard to prove the value of illustration to other stakeholders unless you have something in your hands—showing how your product could look. Much love! ❤️
What could be nice is explaining, here is a spot for illustrations. If there is a budget approved, unique illustrations could be applied. If no budget, risk being a little less unique to get the product out there. A designer might be able to add a logo on the shirt or tweak a design to make an element stand out.
This is awesome! Has been great following the development on twitter. I like that you used natural skin colours (instead of purple / blue / green). Any plans for a figma version? I know you're biased to Studio!
Turns out you can drag the file into figma (I downloaded it as a sketch file) and it works perfectly. Lovely 🙌🙌
@jason_crabtree_ So cool to see you were able to use it, Jason! Can't wait to check out the dope stuff you create with it. Feel free to change it and make it your own. With the power of components/symbols you can pretty much change it and make it fit your brand needs ❤️