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 the 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 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 for me 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. 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, and 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. This article is full of design resources you will like to discover and keep. Make sure to save it!

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!

WeAreNoCode — An online school for founders of the future.
Learn the skills, and get support to build your business with no-code.
▶︎ https://wearenocode.com/

I will list your premium link and your company will become a sponsor. It can bring you exposure and traffic (link-building SEO).

▶︎ Become a sponsor! Help us keep up the good work.

We can list your premium link to the article, see the options below:

Free listings are made only if I select the tool myself. Premium listings are made if you are a company and want exposure (traffic and link building).

To contribute to the article/recommend links, reach out to me on my LinkedIn profile, note that answers might take a while, be patient, if you are a company just get the premium option.

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/

https://designlobby.app

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

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

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/

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

https://www.flowbase.co/

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

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

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/

https://beefree.io/

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.

▶︎ Visit the full article I wrote about no-code tools.

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/

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

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/

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/

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

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

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

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

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

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

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

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.

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

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

https://ucdc.therectangles.com/

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

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

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

https://toppubs.smedian.com/

https://spengler.io

Design Books

More Soon!

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

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/

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

--

--

Chief No-Code Officer at WeAreNoCode https://www.wearenocode.com

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