InVision

Resources / Skills

InVision Skill Overview

Welcome to the InVision Skill page. You can use this skill
template as is or customize it to fit your needs and environment.

Category:

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

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.
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.
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.
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.
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

Fundamental Awareness10 micro skills • 0 months work experience

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

Novice12 micro skills • 3 months work experience

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

Intermediate16 micro skills • 6 months work experience

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

Advanced16 micro skills • 12 months work experience

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

Expert11 micro skills • 24 months work experience

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

Tech Experts

StackFactor Team

We pride ourselves on utilizing a team of seasoned experts who diligently curate roles, skills, and learning paths by harnessing the power of artificial intelligence and conducting extensive research. Our cutting-edge approach ensures that we not only identify the most relevant opportunities for growth and development but also tailor them to the unique needs and aspirations of each individual. This synergy between human expertise and advanced technology allows us to deliver an exceptional, personalized experience that empowers everybody to thrive in their professional journeys.

Become a StackFactor Tech Expert