Design Universe
  • 👋Welcome!
  • ❤️ Submit Resource
  • DESIGN
    • Awards
    • Blogs
    • Books & PDFs
    • Community
      • Leadership
      • Inclusivity
      • Mentorship
      • Twitter
      • Youtube
    • Consulting
    • Events
    • Inspiration
      • Design Institutions
      • Big Brands
    • News
    • Podcasts
    • Reports
    • Tools
      • Accessibility
      • Animation
      • Augmented Reality
      • Background Remover
      • Beta Tools
      • Collaboration
      • Color Picker
      • Design to Code
      • Design Systems
      • Design
      • Feedback
      • Fonts
      • Handoff & Inspection
      • Information Architecture
      • User Flow
      • Mockups
      • Portfolio
      • Prototyping
      • Service Design
      • Website Builders
      • UX
      • Version Control
      • Wireframing
    • Jobs
    • Marketplaces
    • Freebies
  • Design Education
    • Online
      • Español
    • In-Person
    • UI Tutorials & Courses
    • Challenges
    • Kids
  • Methods & Process
    • Design Principles
    • Design Thinking
    • Design Sprint
    • Design Ops
  • Branding & Corporate Image
    • Logos
  • Product Design
    • General
    • Articles
  • SERVICE DESIGN
    • Community
    • Articles
  • UX
    • Usability
    • User Experience Design
      • Personas
      • Customer Journey MAp
      • Stakeholders Map
    • User Research
      • Research Methods
      • User Testing
        • Feedback Bots
    • Accessibility
    • Stakeholders Interviews
  • Information Architecture
    • IA Maps
    • Sitemaps
    • Card Sorting
  • Interaction Design
    • Design Patterns
    • Wireframing
    • Prototyping
    • User Flows
  • UI
    • Design Systems
    • UI Kits
    • Color
    • Typography
      • Type Foundries
      • Individual Foundries
      • Paid Fonts
      • Free Fonts
      • Tools
    • Stacks & Resources
    • Stock Photography
    • Mockups
    • Stock Graphics
    • Icons
      • Icons & Emojis
    • Patterns
    • Brushes
    • Illustration
      • Free
      • Paid
    • Freebies, Component Libraries
    • Browser Features
    • macOS apps
  • Motion Design
    • Templates
    • Web Animation
    • Animated Icons
  • Articles & Other Resources
    • Curated Content
    • To be indexed
    • Credits & Other Resources Stacks
  • Rejected Submissions
    • Marketing
  • JUST FOR FUN
    • Personality Tests
Powered by GitBook
On this page
  • Social Network Sizes and References
  • Development Tools
  • Experience Monitoring
  • Gradient Tools
  • Icons Tools
  • Illustrations
  • Logo Design
  • Mockup Tools
  • No Code Tools
  • Pixel Art Tools
  • Prototyping Tools
  • Screenshot Software
  • Sketching Tools
  • SMM Design Tools
  • Sound Design
  • Stock Photos Tools
  • Addendum (Reference & Inspiration)

Was this helpful?

  1. DESIGN

Tools

There are tools for everything. Which one is best, that is you at work deciding which one best accommodates your own ways. Enjoy!

PreviousReportsNextAccessibility

Last updated 3 years ago

Was this helpful?

Social Network Sizes and References

Development Tools

This section mentions development tools and browsers. Development browsers have features that help developers and designers create and test websites and apps.

Experience Monitoring

Listening to users is important but seeing the real usage is even more crucial. For these, you need to install different analytic tools, experience monitoring software, and user behavior apps. Just use those analytics solutions concerning users data:

Gradient Tools

You can see gradient colors are everywhere — UI, branding, illustration, typography. A gradient is created by using two or more different colors to paint one element while gradually fading between them. It might look as a memorable, fresh and unique color. To make such a gradient for your design, use these gradient color palettes.

Icons Tools

As well as fonts, icons are used in every design. These basic elements support and guide many user actions inside the product. Without a doubt, icons are a vital element in user navigation. While making those small design elements is hard and time-consuming, you can get thousands of vector icons for personal and commercial use.

Illustrations

Illustrations can be used on your landing page, blog posts, inside your app or email campaign. They make your design live and playful. While drawing good illustration is a task of a skilled graphic designer, you can grab free SVG images & illustrations from very kind people in our community:

Logo Design

A logo is the starting point of your brand identity. It reflects the product mission, functionality and brand message. Ideally, the logo creates a strong connection between your product and the users. Logo design is an art, as well as many other design disciplines. With the right logo design tools, this art can be done right a bit faster.

Mockup Tools

A mockup is a visual way of representing the product. While a wireframe mostly represents a product’s structure, a mockup shows how the product is going to look like. These mockup tools that help you create and collaborate on mockups, wireframes, diagrams, and prototypes:

No Code Tools

With a rise of “no code tools”, everyone with a laptop can build and launch a project. These tools help designers and makers create websites, apps, and even games. No code tools allow to automate routine tasks and can be used without a development background. Take a look at the tools here and if you need more — check Design to Code section.

Pixel Art Tools

Pixel art is a digital art form where color is applied to individual pixels to create an image. The pixel art can be used to create everything from intricate scenes and game backgrounds to character designs or emoji. If you feel curious to try, check this pixel art software for both macOS and Windows:

Prototyping Tools

A prototype is a simple experimental design of a proposed solution. It should help to test ideas, design assumptions, and hypotheses in a fast and cheap way. Prototyping tools allow designers and clients to see how the product would function in the real world and collaborate on this solution. Many modern prototyping tools can use for wireframing, prototyping, and collaboration:

Screenshot Software

Taking screenshots is a typical task in the design & development workflow. So these free and full-featured screenshot apps can help you capture a screen with ease. Some screen captures are macOS only, while others support both OS:

Sketching Tools

Sometimes you need just a pencil and paper to start creating your app or website. So here are you can find online sketching tools with great sketch sheet templates to speed up your creative process:

SMM Design Tools

Often marketing teams need well-design materials. It can be different banners, promo visuals, favicons, animations or just nice images for social platforms, like Twitter or Instagram. It this section we will keep adding tools for everyone to create marketing designs.

Sound Design

Sound design is an art of creating a soundscape for a site, app, movie, game or any other product. The sound has great potential for transforming the way people connect with your product. Some sound design software is very advanced and can be used mostly by sound designers, while others are good for beginners.

Stock Photos Tools

Need a high-quality photo for iOS app or new banner? You can always shoot it yourself or borrow from the stock photo sites. Luckily, there are hundreds of beautiful, free stock photos and royalty-free images that you can use for any project:

Stock Videos

If you work with video-content, you will enjoy these high-quality, hand-curated stock videos. You'll find many good and free stock video sites below, which you can use on your website, in your ad campaigns or social media:

Tools for Learning Design

UI Design Tools

What are the best UI design tools in 2019? You can pick any of the tools below and it will allow you to do dozens of design tasks — UI for site or mobile, wireframe, prototype, animation, logo. These are great and fully-functional tools for UX & UI designers:

User Flow Tools

User flow is a series of steps a user takes to achieve a meaningful goal. It's a fast way to plan customer journey paths and improve UX. So if you need to make a user flow diagram, user flow map or a sitemap, take a look at these tools:

User Research Tools

User research helps you understand user behaviors, needs, and motivations through various qualitative and quantitative methods (interviews, observation, forms, etc). These user research tools can be useful for you:

Visual Debugging Tools

Wireframing Tools

A wireframe is a visual mockup that outlines the basic structure of the site or an app. It contains the most essential elements and the content, helping you easily explain ideas on design. Wireframes are a low-fidelity way of showing a design. This section is presented the best wireframing tools for a variety of use cases.

3D Modeling Software

3D graphics are used in gaming, film making, architecture, engineering, and 3D printing. 3D artists & designers use specific 3D modeling software, mentioned in this section.

Addendum (Reference & Inspiration)

Awesome Design Tools & Plugins is curated by & from Flawless team. And it was hugely inspired by articles from the design community and Prototypr.io Toolbox made by our good friend Graeme Fulton. If you found some great design tools, please . Thanks for making this project awesome :)

B
Fd
L
P
A
C
F
F
GA
H
H
H
I
L
M
M
P
S
U
B
C
C&
C
C
CB
C
CG
EG
G
G
GG
GH
GG
H
UG
WG
A
CI
DN
EG
FI
F
FA
F
F
I
I
I
I
IS
I
I
I
i
I
MD
MI
MI
NP
N
OI
SI
SI
SE
S
SC
S
TI
T
U
V
X
Z
AS
C
CD
Db
D
F
LG
M
M
MW
MF
M
MV
M
OM
Of
P
RS
R
S
S
S
S
S
s
TM
T
US
U-
VM
B
C
C
P
R
R
S
S
T
U
A
DP
D
G
G
G
M8
P
Pa
P
PE
A
AR
SB
C
D
I
F
FX
K
L
MA
M
O
P
P
P
P
P
U
U
U
TechSmith
CleanShot
Claudapp
C
G
GC
G
K
L
M
O
Q
S
S
S
S
S
S
ST
S
TS
RS
S
S
S
C
C
Pb
R
S
S
G
JM
KP
L
Lo
L
M
M
MS
NO
P
PC
P
P
P
P
p
R
S
S
SS
S
S
TG
UF
U
#C
Z
C
Lo
M
M
MP
P
PV
V
V
1
DB
D
D
ID
Lo
LU
SM
AX
AD
A
B
C
F
G
G
I
I
K
L
P
P
P
S
S
T
V
V
D
F
GD
L
M
N
O
O
S
S
W
W
W
XZ
y
A
C
CS
D
E
FL
G
H
J
L
M
R
R
S
SM
T
W
Y
U
UI
Z
L
P
V
VI
BC
B
CG
G
G
L
P
W
WW
1G
A
B
F
M
M
O
O
R
S
T
V
3S
Lisa Dziuba
Valia Havruliyk
suggest it
Contribute on GitHub
Free logo maker: Create your own professional designs in minutesFree logo maker: Create your own professional designs in minutes
Free Logo Maker | Create Your Logo Online with Ucraftucraftcom
Blobmaker - Make organic SVG shapes for your next design
|| Social Media Sizes 2022 + Templates ||
IRA Design by Creative TimIRA Design
Logo
Logo
Absurd Design - Free Surrealist Illustrations and Vector ArtAbsurd Design - Free Surrealist Illustrations and Vector Art
Humaaans: Mix-&-Match illustration library
34000+ Beautifully Designed Illustrations, Free Download Vector Images | PngtreePngtree
Logo
Joe Schmoe
Logo
Free Illustrations [Free SVG Illustrations] MIT Licensed
Logo
GitHub - MariaLetta/mega-doodles-pack: 🔥 Big vector pack with hand-drawn doodles for presentations, social media, blog posts and so onGitHub
Free to Use Clip Art Images & Vector Illustrations | ManyPixels
unDraw - Open source illustrations for any idea
Logo
Free Vector Illustrations for Your Website
Logo
Free Logo Maker, Create Custom Logo Designs Online – DesignEvo
Logo
High quality image
Looka Logo Maker | Create a Custom Logo With A.I.Looka
https://www.freelogodesign.org/www.freelogodesign.org
Logo Lab - Test Your Logo
Logo
Logo Maker | Design Free Custom Logos  I LogoMakr.comFree Logo Maker
Logo Rank - Check your logo design with AI
Free Logo Maker & Your Personal Designer - WizlogoWizlogo
AudioJungle - Royalty Free Music & AudioAudioJungle
Royalty Free Music by Bensound | Stock Music
Appsounds.pro - UI Sounds, UI Sound Packs, Sound EffectsAppsounds.pro - UI Sounds, UI Sound Packs, Sound Effects
Package Logos for Clients in Under 5 Minutes | Logo Package
Free Royalty-Free Music — Fugue
Sonic Pi - The Live Coding Music Synth for Everyone
Logo
REAPER | Audio Production Without Limits
What is Max? | Cycling '74cycling74
Logo
Wistia’s Music CollectionWistia
Logo
UI Sound Inspiration for UX/UI Design
Logo
Free Stock Photos: High-Res Images for Websites & Commercial UseBurst
Death to Stock — Authentic stock photos for non-stock creatives.Death to the Stock Photo
https://www.youtube.com/audiolibrary/musicwww.youtube.com
Free food pictures – FoodiesfeedFood Pictures • Foodiesfeed • Free Food Photos
Duotone by ShapeFactory | Create Beautiful Free Duotones
FreePhotos.cc - Download Free Stock Photos, Royalty-Free ImagesFreePhotos.cc
Logo
freestocks.orgfreestocks.org
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Freesound - Freesound
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo