Subscribe
Sign in
Humaaans β Mix-&-match illustrations of humans with a design library.
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.
151
Replies
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.
@pablostanley Pablo, amazing product ! congrats :) We are creating a free SVG colorizer, it will allow to automatically colorize a pack of SVG via a web interface, could you include some of your hummaaans as one of the samples for the tool ?
@pablostanley This is so good, π thank you for this! (Just a heads up, my company's security blocked access to this page but I pulled it up on mobile. idk if thats an isolated issue but figured I'd share)
@nguyendangtinh Thanks for the kind words, Tinh. This type of comments motivates me to keep creating stuff. I hope the library inspires you too!
want to get more vector background that can use with Humaaans
Pros:awesome and amazing
Cons:not so much background
Hi @pablostanley created small humaaan editor using fabricjs hosted on netlify π
https://getdraft.netlify.com
Perfect timing. since top companies started using these kind of fluid illustrations, every other client needed this :) Please keep updating with new variations and options like https://undraw.co/illustrations
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.
@pablostanley @ozgrozer awesome people! even coolr to make it drag and drop. I was dragging all the time..
wow, this is amazing Pablo. I used your other library Avataars and I love how easy you made it for a non-designer like me. It looks like you did the same for humaaans. btw, i love that you have a pregnant woman option!! i can't wait to use it!
Great work as always @pablostanley π» I love this..
Maybe your next avatar set should be with cats/dogs πΈ
@amrith OMG! A pets version would be dope!!!
I'm totally gonna run with your idea, man. Thank you β€οΈ
I love this! π€©
The website is really nicely done as well, always impressed with the stuff you design and build in Webflow πππ
This is amazing Pablo. Thanks for sharing these beautiful illustrations in such a useful way!
Pagedone