← Back to Skills Library

InVision

Information Technology > Web page creation and editing

Description

InVision is a digital product design platform that allows designers to create interactive and dynamic prototypes of their designs. It provides tools for uploading design files, creating hotspots for interactivity, and sharing prototypes for feedback. Advanced features include creating complex interactions with motion transitions, using overlays for more dynamic prototypes, and managing team roles and permissions. InVision also integrates with other design tools like Sketch or Photoshop and has a Design System Manager (DSM) for setting up and managing design systems. Expert users can optimize workflows with advanced integrations, troubleshoot common issues, and train others on best practices for using InVision.

Expected Behaviors

✎
LEVEL 1

Fundamental Awareness

At the fundamental awareness level, users are expected to understand the basic purpose of InVision and be able to recognize its interface. They should be able to identify the basic tools available in the software but may not yet know how to use them effectively.

🌱
LEVEL 2

Novice

Novice users should be able to create a new project in InVision and upload design files. They can navigate through the workspace and use the comment tool for feedback. At this stage, they are learning to use the software for basic tasks.

🌍
LEVEL 3

Intermediate

Intermediate users are expected to create interactive prototypes using hotspots and share these prototypes for feedback. They should be able to use the inspect mode for developer handoff and integrate InVision with other tools like Sketch or Photoshop.

⭐
LEVEL 4

Advanced

Advanced users should be proficient in creating complex interactions with motion transitions and using overlays for more dynamic prototypes. They should be able to manage team roles and permissions and use the InVision Design System Manager (DSM) effectively.

🏆
LEVEL 5

Expert

Expert users are expected to set up and manage an enterprise-level design system with DSM. They should be able to optimize workflow with advanced InVision integrations, troubleshoot common issues, and train others on best practices for using InVision.

Micro Skills

✎
LEVEL 1

Fundamental Awareness

Getting started with InVision
Recognizing the role of InVision in the design process
Identifying the main features of InVision
Comparing InVision with other design tools
Identifying the main sections of the InVision dashboard
Recognizing the function of different icons and buttons
Understanding the layout of the project view
Recognizing the upload tool
Identifying the comment tool
Understanding the use of the prototype tool
🌱
LEVEL 2

Novice

Choosing the right project type
Naming and saving the project
Understanding project settings
Selecting compatible file types
Using the upload tool
Organizing uploaded files
Understanding the dashboard layout
Using the navigation menu
Accessing different project views
Adding comments to designs
Tagging team members in comments
Resolving and archiving comments
🌍
LEVEL 3

Intermediate

Identifying appropriate areas for hotspots
Adding hotspots to static designs
Linking hotspots to other screens or layers
Setting transition effects for hotspots
Generating shareable links for prototypes
Managing access permissions for shared prototypes
Collecting and responding to comments on prototypes
Updating shared prototypes with design revisions
Activating inspect mode in a prototype
Navigating the inspect interface
Exporting assets for development
Understanding and sharing CSS properties from inspect mode
Installing and setting up the InVision plugin for Sketch or Photoshop
Syncing design files from Sketch or Photoshop to InVision
Updating synced designs with changes from Sketch or Photoshop
Resolving common issues with the InVision plugin
⭐
LEVEL 4

Advanced

Understanding the concept of motion transitions
Applying motion transitions to a design
Adjusting the speed and type of motion transitions
Testing and refining motion transitions
Identifying when to use overlays in a prototype
Adding an overlay to a screen
Customizing the appearance and behavior of overlays
Troubleshooting issues with overlays
Understanding different team roles in InVision
Assigning roles to team members
Changing permissions for different roles
Resolving conflicts related to roles and permissions
Setting up a design system in DSM
Adding components and styles to DSM
Sharing a design system with a team
Updating and maintaining a design system in DSM
🏆
LEVEL 5

Expert

Understanding the structure of a design system
Setting up a new design system in DSM
Identifying necessary components
Adding components to the design system in DSM
Creating new versions of the design system
Maintaining previous versions of the design system
Determining appropriate access levels for team members
Sharing the design system
Collecting and analyzing feedback
Implementing changes in the design system
InVision integrations

Skill Overview

  • Expert2 years experience
  • Micro-skills65
  • Roles requiring skill2

Sign up to prepare yourself or your team for a role that requires InVision.

LoginSign Up