Design Resources — Growing list

Caio Calderari
14 min readAug 4, 2018

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

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 hopes to keep all the goodness I found in a sort of secret box where I can go back to from time to time 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 in case you need them. Who doesn't like to have a great list of design resources somewhere? It’s like having your dad's toolbox in 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 have 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 to access this list of resources when I need it, so I thought: why not put it in a place like Medium? I can access it anywhere, anytime. An open post that everyone can access, share and contribute to. 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 something like that and maintain it. I don’t want another excuse to end up not doing it, so here I go, here it is, a list of design resources I find useful for designers. This article is full of design resources you will like to discover and keep. Make sure to save it so you can come back later!

This list will keep growing as I find new useful stuff. So that is why I call it a growing list, because it will keep growing over time. Now you and I can use it on a daily basis, at home, at work, anywhere, anytime. ENJOY!

Created: August 04–2018 / Last Update: November — 2023

Design Deals — Bundles, Packs and Discounts

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/

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/

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/

No-Code Tools

Tools you can use to build web apps, mobile apps, internal tools, saas products, marketplaces, and much more without code.

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/

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/

Personas

Tools and information that can help you create personas.

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

Onboarding and features guide

Tools to help you create a custom user onboarding.

https://eyelet.io/
https://appcues.com

Lorem Ipsum Generators

https://lorem.tools/

*Now you can use ChatGPT instead. 😉

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/

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/

Design Canvas

User Centered Design Canvas

https://ucdc.therectangles.com/

Business Canvas

https://www.businessmodelcanvas.io/

UX Events

https://uxagenda.com/

Adobe XD Resources

https://www.xdguru.com/

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

https://spengler.io

Design Books

More Soon!

UX Design Literature

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

Product Design

https://productdesigninterview.com/

Hiring Designers

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

https://www.personably.co/

Trade your Work for things

https://www.perkk.co/

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:

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

Need Social Media Icons? ⤵️

--

--

Caio Calderari

@calderaricaio - Startup Founder, No-Code Expert and Sr. Product Designer