Latest CMS Developer Posts

HubSpot CMS Blog

37 of the Best Tools, Resources & Apps for Graphic Designers

Written By Jami Oetting on Oct 9, 2015 7:30:00 AM

graphic-design-tools.png

This post was originally feautred on Hubspot's Agency Post. To read more content like this, subscribe to Hubspot's Agency Post

This week's Freebie Friday post will feature a curated list of our favorite tools, resources and apps for designers. Almost all of the resources listed are free. Between meetings, managing feedback, communicating with clients, finding inspiration for their next project, and delivering projects on time, designers have a lot on their plate. It can be challenging to find the time to actually sit down and do the work. 

We've pulled together some of the best sites, apps, tools, and resources to streamline your work, make collaborating easier, get inspired, and even show of your skills. Check it out, and let us know what your go-to design tools are.  

Design Communities

1) Dribbble

Dribbble is the online "show and tell" for designers. Users can upload "shots" -- images or GIFs -- to either a personal profile or a team profile. Other members of the community then provide feedback, ask questions, and debate the person's visual choices.

dribbble.png  

2) Behance

Users can sign up for an account, add a résumé and links to references and awards, and upload their latest creative work. Other members of the community can comment, "like" the project, and begin to follow specific accounts for future updates. 

 behance.png

behance-project.png

3) Inbound.org HubSpot Designer Forum

This group is a place to ask questions, share links, and get advice on how to design and develop for HubSpot's COS. Also, don't forget to check out our Hubspot Design Hub

inbound-design-forum.png

4) Awwwards

Web designers submit their site to Awwwards, which vets website designs. If the design meets the team's standards, it will be included on a nominees page. Designs go through a voting process, and based on the results of the community and the hand-selected jury, a user wins a Site of the Day award. They also have a Developer Award every Wednesday, a Site of the Month award, and a Site of the Year award. 

awwwards.png

Design Blogs & Publications

5) It's Nice That

It's Nice That is updated daily with creative work, interviews with designers, and news. 

nice-that.png 

6) HOW Design

HOW Design is an online and print publication providing designers with tips and resources on improving your design skills, career, and company.

how-design.png

7) Logo Design Love

This site provides ongoing inspiration for those creating logos and brand identities. 

logodesignlove.png

8) The Dieline

The Dieline keeps you up-to-date on the latest trends in product packaging. 

dieline.png

9) A List Apart

The site publishes in-depth, thought provoking articles on web design, development, and content. 

list-apart.png

10) Creative Review

Creative Review was founded in 1980 and provides inspiration from the latest work in art, advertising, and design.

creative-review.png 

Typography Blogs & Publications

11) I Love Typography

This blog covers the latest in type news, and its monthly roundup is a must-read. 

love-typography.png

12) 8 Faces

8 Faces highlights the best work in typography to inspire font designers. 

8faces.png 

13) Friends of Type

Friends of Type is a collaborative sketchbook by four talented type designers. 

friends-type.png

Font Resources

14) TypeKit

Adobe's TypeKit is a subscription service where you can download fonts or embed them in web projects. 

typekit

15) My Fonts

My Fonts provides a large selection of custom web and print fonts. 

my-fonts.png

16) Google Fonts

Google provides a list of open source fonts that are free to use. 

google-fonts.png

17) Font Squirrel

This site is a source of free fonts available for commercial use. 

font-squirrel.png

Collaboration Tools

18) ProofHQ

ProofHQ is feature-rich program for collaborating on designs and gathering feedback. It has workflow management for keeping projects on track, and it integrates with various file sharing and project management platforms. 

proofhq

19) LiveShare PS

This Photoshop plug-in gives you the ability to broadcast your designs to as many people as you want to. You can also use the tool to enable mobile mirroring so you can see how changes in Photoshop affect the mobile interface.

liveshareImage via LiveShare PS

20) Notism

With this tool, you can share feedback through notes or by sketching over the design. It also supports feedback on videos and organizes designs by versions so you can easily compare different mockups. 

notismImage via Notism

21) InVision

InVision is a design prototyping tool with a ton of features. Users can upload interactive designs, and share a link with reviewers who can add comments and feedback. It also serves as a project management tool and keeps track of different versions. 

invisionImage via InVision

22) Balsamiq Mockups

Create wireframes and share them with clients and colleagues using this tool. There's also a desktop version if you prefer to work offline. 

balsamiq

Color Tools

23) Colour Lovers

Get inspiration for color palettes, and find complimentary hues for your next design. 

colourlovers.png

24) Adobe Color

You can choose a color, and then find analogous, complimentary, compound, or triad color schemes or different variations of the hue.

adobecc.png

25) Pictaculous

Upload an image, and this tool from MailChimp will reveal a color palette based on the visual. 

pictaculous.png

26) 0to25

This tool helps designers easily find lighter and darker versions of a color. 

0to255.png

Templates & Vectors

28) DesignTNT

This site contains HTML templates, textures, Photoshop brushes, Illustrator styles, and tutorials to jumpstart your design work. 

design-tnt.png

29) FlatIcon

You can search from a huge library of free icons and icon font sets.

flaticon.png

29) IconFinder

This resource houses a library of 600,074 paid and free icons. 

iconfinder.png

30) Web Designer Depot

This blog has a huge collection of free images, templates, and icons available for download. They also do a monthly roundup of new free resources for web designers. 

webdesignerdepot.png

31) Noun Project

Thousands of contributors have created icons for this site, which you can download for free in exchange for crediting the creator. They also have a monthly membership plan where you can download as many images as you want and use without attribution. 

noun-project

32) Subtle Patterns

If you need a background for your next design, check out this large collection of patterns. 

subtle-patterns.png

33) Psddd.

Search here for PSD templates, especially if you need mobile UI elements.

psddd.png

Design Tools

34) Velositey

This Photoshop plug-in gives you the tools to design a website in no time. It has pre-defined modules and design templates you can insert quickly, so you can spend more time fine-tuning the details of your mockup. 

 velositey

35) GuideGuide

Easily create grids for Photoshop with GuideGuide. 

guide-guide

36) Renamy 3

Renaming layers in Photoshop is a pain. With this tool, you can quickly update the name of multiple layers. 

renamy-screen

Image via Renamy 3

37) Lorem Ipsum 

LayerHero's Photoshop plug-in lets you generate dummy text for designs. 

layerhero-lorem-ipsum

What tools and resources make designing easier for you? Let us know in the comments!

Subscribe to Hubspot's Designer Blog

Topics: Website Design, Free Resources

Jami Oetting

Jami Oetting is a content strategist for Agency Post, HubSpot's blog for agency professionals.

Stay Up To Date 👇

Learn how to code on HubSpot CMS
  • There are no suggestions because the search field is empty.
 
Join the HubSpot CMS Developer Slack

Ask questions in the CMS Developer Forum

Join the free CMS for Developers Course

View the HubSpot API Documentation

Recommended Posts