Adobe Education
Educators and Professional Development Specialists

Design comps

Lesson Plan Published 11/11/13 Last updated on 5/27/19

A design comp is an electronic drawing that shows a detailed design of project, like a web page. In this activity students will learn how design comps are used in the design and development process, especially when working with clients, and how to create them so they can present multiple design ideas.

File Updates:

  • Files updated on September 23, 2018 and include update to the lesson plan to include how to use Adobe XD to create design comps.
  • Acrobat

    The complete PDF solution for working anywhere. (includes desktop, web, and mobile access)

  • Audition

    Audio recording, mixing, and restoration.

  • Dreamweaver

    Design and develop modern, responsive websites.

  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

  • After Effects

    Create motion graphics and visual effects for film, TV, video, and web.

  • Adobe XD

    Design, prototype, and share user experiences.

  • Animate

    Design interactive vector animations for multiple platforms.

  • Illustrator

    Create beautiful vector art and illustrations.

  • InDesign

    Craft elegant layouts at your desk or on the go.

Age Levels
1-2 Hours
Custom Standards
ACA Dreamweaver 1.6; ACA Photoshop 1.3, 3.2; ACA Flash Professional 1.5; ACA Illustrator 1.3; ACA InDesign 1.3
ISTE Standards
Students: Innovative Designer, Students: Computational Trainer
CC License
Attribution Non-Commercial Share Alike
5 / 5 • 10 Ratings

Resources (5)

or Join for free to access materials

Comments (7)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Shafiq Rehman

Posted on 9/21/19 11:19:02 PM Permalink

​Thanks for updating very interesting and helpful

Michael Hull

Posted on 4/25/19 11:11:07 PM Permalink

Thank you this is organized well. I intended to use for 1-2nd year students. ​

Stoyanka Veselinova

Posted on 4/3/19 3:13:43 PM Permalink

​Thank you

Aaron Kapala

Posted on 3/21/19 9:44:02 PM Permalink

​Amazing, thanks

Adobe Education

Posted on 9/23/18 2:36:39 PM Permalink

​We recently updated files to the lesson plan to include how to use Adobe XD to create design comps on September 23, 2018.

Aziz Soubai

Posted on 6/20/18 10:52:55 PM Permalink

​Thanks for sharing these great resources

Rick Henderson

Posted on 8/3/17 1:12:48 PM Permalink

​I am just looking over the lesson plan now and it references Adobe Kuler which was renamed a while ago (which I still love) so it could be updated a bit.

Also wondering what the current thoughts of Adobe design professionals are regarding Web Safe colours. When I teach HTML I explain the basics of Hexadecimal colour and web safe colours, but I don't recommend using them anymore because the old "reasons" for only using web safe colours (ie. colour consistency across web platforms) seem like they don't matter much any more.

At least for web design, will colours look different on a modern Mac vs a PC?