Design Resources — Growing list

A curated list of design resources, tools, websites and all things I find useful and would like to share with you my designer friend.

uidesign on youtube — http://youtube.com/uidesign

I often search the web and find a lot of interesting and useful things online.
I think you might do it as well, don't you?. I have this habit of keeping lists of links and tools that I liked in hope to keep all the goodness I found in a sort of secret box where I can go back and pick things up when I need them. It feels like having that list, while working on a project, will help a lot and you will be much more prepared to do the work because you got a bunch of resources ready to use. Who doesn't like to have a great list of design resources? It’s like having your dads toolbox at the garage. It’s there when you need it and you don’t have to worry and waste time searching the web again and again looking for something you already know that exists or already seen but don’t actually remember where that design resource is.

Sometimes I have the feeling of sharing stuff, because I simply like sharing knowledge. That also helps me learn new things. I want to make it even easier for me to access this list of resources when I need it, so I thought: why not putting it in a place like Medium? I can access it anywhere, anytime. An open post that everyone can access, share, contribute. When I had this idea of course I first thought of building a website for that, but it would take even more time and effort to build, maintain, and I don’t want another excuse to end up not doing it, so here I go, there it is, a list of design resources I find useful for designers, full of design resources you will like to discover. This list will keep growing as I find new useful stuff, and now we can use it in our daily basis, at home, at work, anywhere, anytime. ENJOY!

Created: August 04 — 2018

Last Update: March — 2021

Hey! Enjoying this post? Don’t forget to:

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏❤️❤️❤️❤️❤️👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

Want to contribute with this list?
You can send links to add or report old and broken links. Contact me

Bundle Design Packs and Resources

Websites where you can buy design resources and digital assets with discounted prices by getting a bundle or promotional pack.

https://designbundles.net/
https://www.designcuts.com/
https://www.mightydeals.com/
https://www.inkydeals.com/
https://dealjumbo.com/
https://masterbundles.com/
https://bundlehunt.com/
http://www.mydesigndeals.com/
https://www.epicpxls.com/

Hey! Enjoying this post? Don’t forget to:

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏❤️❤️❤️❤️❤️👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

Assets and Resources Tool

https://designlobby.app

Social Network Sizes and References

https://socialsizes.io/

Color Tools

Tools that will help you while working with colors in multiple ways.

http://colormind.io/
https://picular.co/
https://hihayk.github.io/wheel/
https://hihayk.github.io/scale/
http://colorhunt.co/
http://www.vanschneider.com/colors/
https://coolors.co/
https://color.adobe.com/create/color-wheel/
http://paletton.com/
http://lokeshdhakar.com/projects/color-thief/
http://www.gradientdaze.com/
https://colordrop.io/
https://flatuicolors.com/
http://color.farm/
https://www.materialui.co/colors
https://materialpalettes.com/
https://www.webdesignrankings.com/resources/lolcolors/
https://webgradients.com/
http://materialuicolors.co/
http://flatuicolors.com/
https://colorsnapper.com/
https://color.hailpixel.com/
https://www.webdesignrankings.com/resources/lolcolors/
http://www.gradients.io/
http://www.adobe.com/products/capture.html
http://www.colourlovers.com/
http://www.pictaculous.com/
http://www.colorspire.com/
http://colorexplorer.com/
http://www.0to255.com/
http://mobile.colorotate.org/
http://www.colorblender.com/
http://colormunki.com/
http://www.pantone.com/studio
https://www.colordrop.io/
http://www.degraeve.com/color-palette/
https://www.brandcolors.net/
http://www.colorhexa.com/
https://colorfulgradients.tumblr.com/
http://cymbolism.com/
http://khroma.co/
https://colorwise.io/
https://pigment.shapefactory.co/
https://colorleap.app/
https://colorgrab.now.sh
https://maketintsandshades.com
http://colorsafe.co/
http://colllor.com/
http://colorpeek.com/
https://colourco.de/
http://www.flatuicolorpicker.com/
https://color.method.ac/
https://www.color-hex.com/
https://www.materialpalette.com/
https://sipapp.io/
http://webcolourdata.com/
http://stylifyme.com/
https://cloudflare.design/color/
https://culrs.com/
https://color.review/
https://abc.useallfive.com/
https://www.zilliondesigns.com/free-design-tools/color-palette
https://colors.eva.design/
https://www.colorale.com/project/scsscolor/
https://colordesigner.io/gradient-generator

Color conversion

https://www.webfx.com/web-design/hex-to-rgb/
https://serennu.com/colour/hsltorgb.php

Check color contrast

https://contrast-ratio.com/
https://webaim.org/resources/contrastchecker/
https://www.getstark.co/

Free Stock Images

Websites you can find and download royalty free stock images.

⚠️ I advise you to always read the website terms of usage to understand how the license works.

https://stockfresh.com
http://www.freeimages.com/
https://unsplash.com/
https://morguefile.com/
https://search.creativecommons.org/
https://pixabay.com
https://www.pexels.com/
http://www.freepik.com/
https://www.stockio.com/
https://burst.shopify.com/
https://deathtothestockphoto.com/
http://nos.twnsnd.co/
http://superfamous.com/
http://picjumbo.com/
http://www.gratisography.com/
http://getrefe.tumblr.com/
http://imcreator.com/free
http://jaymantri.com/
https://www.flickr.com/photos/wocintechchat/
http://publicdomainarchive.com/
http://magdeleine.co/
http://foodiesfeed.com
http://picography.co/
http://www.raumrot.com/10/
http://isorepublic.com/
https://photos.icons8.com/
https://www.reshot.com/
https://barnimages.com/
https://www.foodiesfeed.com/
https://freephotos.cc/
https://visualhunt.com/
https://libreshot.com/
https://www.everypixel.com/
http://makerbook.net/stock-photos/
https://negativespace.co/
https://gratisography.com/
http://www.freejpg.com.ar/
https://photostockeditor.com/
https://ccsearch.creativecommons.org/

Logo Inspiration

Websites you can find a lot of logo designs for your inspiration.

http://logopond.com/
http://logofaves.com/
http://www.logospire.com/
http://www.logomoose.com/
https://cleverlogos.co/
https://www.logoinspirations.co/

Website Builders

Tools and services that help you build your own website.

https://webflow.com/
https://www.strikingly.com/
https://www.squarespace.com/
https://splashthat.com/
http://stitches.hyperyolo.com/
https://www.semplice.com/
https://www.weebly.com
https://ukit.com
https://www.ucraft.com
https://www.sitey.com/
http://virb.com
https://www.voog.com
https://www.ucoz.com
https://www.moonfruit.com/
https://simvoly.com/
https://www.jimdo.com
https://www.webs.com/
https://www.wix.com/
https://www.volusion.com
https://www.getweps.com/
https://www.site123.com/
https://webnode.com
https://readymag.com
http://www.cloud-press.net/
https://themifyflow.com/
http://stackhive.com/
http://go.themeforest.net
https://ontrapages.com/
https://www.weld.io/
https://www.clickbooq.com/
https://www.pagevamp.com/
https://www.duda.co/
https://www.webydo.com/
https://www.pixpa.com/
https://www.yola.com/
http://trysitekit.com/
https://www.websitebuilder.com/
https://orson.io
http://www.snackwebsites.com/
http://www.imcreator.com/
https://snappages.com/
http://macaw.co/
https://pinegrow.com/
https://bootstrapstudio.io/
https://mobirise.com/
https://designmodo.com/slides/
https://sidengo.com/
https://www.simbla.com/
https://designmodo.com/startup/
http://pivot.mediumra.re/
https://grapedrop.com
https://unicornplatform.com/
https://www.sitejet.io/
https://pagecloud.com
https://pixenio.com
https://www.pxdiv.com
https://bootstrapshuffle.com/
https://frontnd.io/
https://layoutlab.io/
https://bulma.dev/
https://www.brizy.cloud/

Wordpress Website Builders

https://brizy.io/
https://elementor.com/
https://www.elegantthemes.com/plugins/divi-builder/
https://www.wpbeaverbuilder.com/
https://visualcomposer.com/
https://thrivethemes.com/architect/
https://siteorigin.com/page-builder/
https://livecomposerplugin.com/
https://wordpress.org/plugins/gutenberg/
https://justevolve.it/product/brix/
https://pagebuildersandwich.com/
https://themify.me/builder
https://motopress.com/products/content-editor/
https://theme.co/cornerstone/
https://wpbakery.com/
https://exponentwptheme.com

Webflow Assets

https://www.flowbase.co/

Ecommerce

http://www.shopify.com
https://www.bigcommerce.com
http://www.everdwell.com/

Landing Pages

https://instapage.com/
https://unbounce.com/
https://www.flauntly.com/
https://www.optimizepress.com/
https://grayic.com/shade/

CMS

https://wordpress.com/
https://www.lightcms.com/
https://www.motocms.com/
https://blog.webiny.com/

Widgets to help with conversions:
https://niceverynice.com/little-widgets/

E-mail builders

https://beefree.io/

Design to Code Tools

http://boost.kuika.com/

Design Systems

Useful websites and links related to Design System

https://designsystemsrepo.com/
https://www.designbetter.co/design-systems-handbook
https://adele.uxpin.com/
https://ether.thescenery.co/
https://lucid.style/
https://specifyapp.com/

Design System / Branding / Assets Management

https://brand.ai/
https://www.invisionapp.com/design-system-manager/
https://www.uxpin.com/design-systems
https://www.lingoapp.com/sketch/
https://zeroheight.com/

Design System Starter Packs

https://www.straple.co/
https://cabanadesignsystem.com/
http://atomizedesign.com/
https://symboldesign.co/
https://janlosert.com/store/symbols-styleguides.html
https://www.uxpower.tools/
http://plasterdesignsystem.com/
http://www.setproduct.com/material
https://www.primedesignsystem.com/
https://www.primedesignsystem.com/
https://slice.design/

Design System Documentation

https://www.catalog.style/
https://compositor.io/
https://docsify.js.org/
https://fractal.build/
https://www.gitbook.com/
https://patternplate.github.io/
https://storybook.js.org/

Design System Helper Tools

https://hihayk.github.io/modulator/
https://makeui.design/

Design System E-mail Tool

https://htmlemail.io/design-system/

Design System Boilerplates

https://oskrhq-ds.surge.sh/

Wireframes and Starter Kits

https://sections.pixsellz.io/
https://www.ls.graphics/dot

Wireframe Templates

https://alexadam.github.io/demos/printable-mockups/index.html

Design System Tokens

https://github.com/thiagokpelo/groselha-tokens

Design System Books

https://marvelapp.com/ebook-design-systems

Design Systems Code

https://uilibrary.github.io/done-design-system/

Lorem Ipsum Generators

https://lorem.tools/

Personas

Tools and information that can help you create personas.

https://www.hubspot.com/make-my-persona
https://personas.draftbit.com/

Handoff and Inspection Tools

Tools you can use to share design assets with developers and they can inspect it to start coding.

https://avocode.com/
https://www.invisionapp.com/
https://zeplin.io/
https://sympli.io/

Portfolio Tools

Tools and resources to help you build a killer design portfolio.

Big platforms

https://behance.net
https://dribbble.com/

Build your portfolio

https://www.semplice.com/
https://carbonmade.com/
https://dunked.com/
https://www.uxfol.io/

Video and Screenshots tools

https://overframe.xyz
https://gifox.io/
https://getkap.co/

Growth

Gamification Tools

https://hoversignal.com/

Hey! Enjoying this post? Don’t forget to:

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏❤️❤️❤️❤️❤️👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

GET $15 OFF DISCOUNT ON CREATIVE LIVE COURSES
http://bit.ly/15-off-cl

Adobe XD Resources

https://www.xdguru.com/

Hey! Enjoying this post? Don’t forget to:

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏❤️❤️❤️❤️❤️👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

Design Blogs

https://designmodo.com/
https://www.webdesignerdepot.com/
https://www.underconsideration.com/brandnew/
http://www.fastcodesign.com
http://www.dexigner.com
http://wrapmagazine.tumblr.com
http://www.thedsgnblog.com
http://www.logodesignlove.com
http://www.designyoutrust.com
https://www.canva.com/learn/
http://www.creativeboom.com
http://www.littlebigdetails.com
http://www.creativemarket.com/blog
http://www.awwwards.com
http://www.creativeroots.org
http://www.creativebloq.com
http://www.eyeondesign.aiga.org
http://www.designjuices.co.uk
http://www.designtaxi.com
http://www.fromupnorth.com
http://www.creativenerds.co.uk
http://www.abduzeedo.com
http://blog.spoongraphics.co.uk
http://www.booooooom.com
http://www.alistapart.com/articles
http://www.inspiredm.com
http://www.theinspirationgrid.com
http://www.creativeoverflow.net
http://www.inspirationhut.net
http://www.davidairey.com
http://www.swiss-miss.com/blog
http://www.instantshift.com
https://justcreative.com/blog/
http://www.designroast.org
http://www.inspirationfeed.com
https://logogeek.uk/logo-design-blog/
https://99designs.com.br/blog/
http://www.designmantic.com/blog
http://www.imjustcreative.com/blog
http://www.gooddesignmakesmehappy.com
http://www.designobserver.com
http://www.designcloud.tumblr.com
http://www.smashingmagazine.com
http://www.noupe.com
http://www.materialdesignblog.com
http://www.speckyboy.com
http://www.webdesignledger.com
http://www.designinstruct.com
http://www.webdesigndepot.com
http://www.designrfix.com
http://www.css-tricks.com
http://www.core77.com
http://www.youthedesigner.com
http://www.sixrevisions.com
http://www.webappears.com
http://www.1stwebdesigner.com
http://www.templatemonster.com/blog
http://www.howdesign.com
http://www.designbeep.com
http://www.icanbecreative.com
http://www.thenextweb.com
http://www.inspiredmag.com
http://www.uxmag.com
http://www.sitepoint.com/blog
http://www.uxbooth.com
http://www.vandelaydesign.com/blog
http://www.tutsplus.com
http://www.onextrapixel.com
http://www.spyrestudios.com
http://www.designshack.net
http://www.hackingui.com

Design Blogs for Print

http://www.createid.com
http://www.grainedit.com
http://www.itsnicethat.com
http://www.printmag.com
http://www.trendlist.org
http://www.lovelypackage.com
http://www.print.pm
http://www.visualsundae.com
http://www.thefoxisblack.com
http://www.aisleone.net
http://www.mr-cup.com/blog
http://www.thedieline.com
http://www.designm.ag
http://www.bpando.org
http://www.designclever.co.uk
http://www.companyfolders.com/blog
http://www.fromfiftyfive.com
http://www.indesignsecrets.com
http://www.lovelystationery.com

Design Blogs for Typography

http://www.typewolf.com
http://www.typeroom.eu
http://blog.linotype.com
http://www.typetoken.net
http://www.typedia.com
http://www.playtype.com
http://www.ilovetypography.com
http://www.fontfeed.com
http://www.typeforyou.blogspot.com
http://www.typographica.org
http://www.nyctype.com
http://www.typeforyou.blogspot.com
http://www.typographica.org
http://www.nyctype.co
http://typeforyou.blogpost.com
http://www.ministryoftype.co.uk
http://www.incredibletypes.com
http://www.typophile.com
http://www.tdc.org
http://www.typostrate.com
http://www.beautifultype.net
http://www.typetheory.com
http://www.typeverything.com
http://www.typeforyou.org
http://www.fontsinuse.com
http://www.typotheque.com
http://www.typecast.com

Medium top publications

https://toppubs.smedian.com/

Product Manager Blog

http://spengler.io/

Design Briefs / Exercises

Websites to help you build a portfolio or just explore your skills.

https://designchallenge.xyz/
https://app.dailyuxchallenge.com/
https://sharpen.design/

Trade your Work for things

https://www.perkk.co/

Motion Design Resources

https://www.motionvfx.com/

More soon!

Design Books

More Soon!

UX Design Literature

https://www.interaction-design.org/literature

Product Design

https://productdesigninterview.com/

Design Canvas

User Centered Design Canvas

https://ucdc.therectangles.com/

Business Canvas

https://www.businessmodelcanvas.io/

Hiring Designers

Tools to help you manage hiring process, recruiting and finding designers, company on boarding and more.

https://www.personably.co/

More soon!

Discover my youtube design channel! uidesign

Visit uidesign channel → https://www.youtube.com/uidesign
Instagram
https://www.instagram.com/uidesignchannel/

🔥 TUTORIAL — Learn how to use Figma Variants:

🚀 Visit my design Storehttps://gumroad.com/uidesignstore

→ Visit our T-shirts store for Designers

Hey! Enjoying this post? Don’t forget to:

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏❤️❤️❤️❤️❤️👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

More links will be added on a regular basis. Save the link and visit later!

Made in 🇧🇷 by Caio Calderari

uidesign youtube channel — https://bit.ly/uidesignsubscribe

Product Designer - UX/UI / No Coder / Content Creator at U&I Design / Product Journey / Yes!NoCode / Mentora Founder http://bit.ly/caio-social-links

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store