Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Adobe Illustrator for Web Design Starting Your Adobe Illustrator Project Document Settings and Artboards

Diego Palma
Diego Palma
12,653 Points

Great tutorial! What's the industry standard when it come to designing wireframes. Photoshop or Illustrator?

I've seen designers and Front-end web developer working with both tools. Personally, I'm used to work with Photoshop but I'm always open to change my workflow and work tools. What's more professional or has more potential when it comes to designing for web?

8 Answers

Hey Diego,

From what I've witnessed, there's no set industry standard. Where I work, most of the team uses Photoshop. However, there are a few people that use Illustrator or Sketch. It mostly comes down to personal preference.

Kevin Korte
Kevin Korte
28,149 Points

They both have their strengths and weaknesses. But I agree with Jacob, it largely comes down to personal preference. Use what gets you the best results, because that's all that really matters.

It good to familiarize yourself with other tools though, so you at least know what you're missing, or not missing.

Konrad Pilch
Konrad Pilch
2,435 Points

For wireframing? This, and what others have said.

CJ Williams
CJ Williams
34,372 Points

I use Illustrator for basic wireframing (layouts, responsive features, user flows, etc.) and Photoshop for prototyping UI elements, or hi-res mockups for client approval.

One great feature in Illustrator that I often use in wireframing is duplicate artboards (shift+O to select artboards, alt+click and drag to duplicate artboard.)

um...as far as I known...Many Product Manager in China design app or webpage wireframe using Axure. You can search it on google.

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher

Hello Diego,

Like others have stated, it is very much a personal preference and you can accomplish the task with either one. I personally use Illustrator/Sketch for both Wireframes and Mockups.

I hope this helps.

Alberto Medrano
Alberto Medrano
12,916 Points

To design Adobe Illustrator is more friendly, faster, more intuitive, with more precise controls to create and manage objects (manipulation and modification is very easy), experimentation of typography, etc. Added to this, it has other features, such as handling multiple pages or artboards...

Micah Doulos
Micah Doulos
17,663 Points

Adobe XD (Experience Design) is a quick mockup tool which can "animate".