DEV Community

Cover image for What design tools do you use?
Madza
Madza

Posted on

What design tools do you use?

I mainly use Figma and Canva for website design.
I also use GIMP for image editing, InkScape for vector graphics and Draw.io for sketches, wireframing.

What are your favorite design tools?

Top comments (30)

Collapse
 
riidom profile image
riidom

All you mentioned in your 2nd sentence, basically. To add to it, if you deal with lots of reference images, PureRef is great. And for some things I use Blender.

Collapse
 
33nano profile image
Manyong'oments

Definitely going to check that out. Thanks

Collapse
 
nataliedeweerd profile image
๐๐š๐ญ๐š๐ฅ๐ข๐ž ๐๐ž ๐–๐ž๐ž๐ซ๐
  • Photoshop for designs
  • XD for wireframes
Collapse
 
andrewbaisden profile image
Andrew Baisden • Edited

Curious what make you choose XD over other UI/UX tools? There is so much choice its hard to choose one I think sometimes.

Collapse
 
nataliedeweerd profile image
๐๐š๐ญ๐š๐ฅ๐ข๐ž ๐๐ž ๐–๐ž๐ž๐ซ๐

I think predominantly because my company is paying for the Creative Suite, so it was bundled there and ready for me to use :) I've honestly not tried anything else... is there another bit of software you'd recommend?

Thread Thread
 
andrewbaisden profile image
Andrew Baisden

Yes Adobe XD might be bundled with the creative suite but it's also free without it which I think is pretty cool. XD is great the only other one I would recommend trying is Figma which is also free to use in the browser and on desktop. It syncs across all platforms. Sketch is another good one but honestly I have barely touched because it is macOS only and XD and Figma are more than good enough plus they are multi platform.

Collapse
 
33nano profile image
Manyong'oments • Edited

Everything you mentioned, except Canva & Draw IO. Inkscape is my primary go to, even though the layers features could be better (I wish it was organized just like Figma & Gimp). Inkscape has this truly divine feature called bitmap trace which is available under the path header. I love gimp for the effects and Figma, for its amazing alignment and multi canvas.

Collapse
 
stereoplegic profile image
Mike Bybee • Edited

My favorite app for wireframing isn't an app at all. Sharpie on graph paper or device templates from Sketchize.

Why? Because the whole point of wireframing is to get the idea out quickly, without fiddling over making something just right. Sharpie to paper forces you to do this (without being able to make corrections). Wish I could take credit for this idea, but I got it from Zurb (the agency behind Foundation).

Collapse
 
willsmart profile image
willsmart

Love it.
Pen and paper is still what feels best for me. The templates are a great idea

Collapse
 
huddlespith profile image
Amy Hudspith

Vectornator is my new fave, but I do still use Canva too (the GitHub Student Developer Pack gives you Canva Pro for free)

Collapse
 
daviddalbusco profile image
David Dal Busco

I can add Affinity Designer to the list of suggested tools.

Collapse
 
szmass profile image
szmass

If you prefer writing to drawing (like i do) plantuml.com/

Collapse
 
arnaudcortisse profile image
Arnaud Cortisse

Always used it at my previous jobs :)

Collapse
 
33nano profile image
Manyong'oments

Thanks

Collapse
 
colinstark profile image
Colin Stark

The Affinity Suite (Designer, Photo, Publisher) for everything non-UI. Figma & Framer for UI.
Not using Sketch much these days...

Collapse
 
ndsn profile image
Tom Anderson

Recently, I've played with both Figma and Draw.io - both are useful for complex work.

For sketching or lightweight drawing - it's definitely Excalidraw that gets my vote. ๐Ÿ‘๐Ÿป I wrote a post with my thoughts on why here.

Collapse
 
louislow profile image
Louis Low

I use mainly use Kraft for complex prototyping UI component designs, and Yogurt for mostly refactoring UI. Both tools are HTML and CSS production-ready capable.

Collapse
 
fjones profile image
FJones

XD and UXPin for prototyping, Photoshop for graphics.

Collapse
 
shaijut profile image
Shaiju T

What to use to draw technology architecture flow ? for example the flow goes from UI to API then to notification API then to mongo DB ?

Collapse
 
madza profile image
Madza

for that I would use Draw.io, it's pretty awesome for diagrams, flowcharts, architecture modeling, etc ๐Ÿ˜‰

Collapse
 
benchambule profile image
Benjamim Chambule

I use Balsamiq mockups for wireframing and Start UML for modeling.

Collapse
 
seeila profile image
Seeila

Depending on my needs: Photoshop for the images, Illustrator for vectors, Affinity Designer or Figma for the Design and Invision for a preview of the animations.

Collapse
 
ama profile image
Adrian Matei

Here's a list of potential tools - appydev.co/design-tools