Diving In with InVision Studio

Learn to design screens in envision studio using the rectangle shape, inspector controls, and fills; master colors, gradients, image fills, strokes, and shadows for rapid, minimal UI design.

Add text to the carousel in InVision Studio, adjust size, alignment, weight, and tracking, apply image fills or gradients, then group layers for organized, movable design.

Learn to create and edit custom shapes in InVision Studio by manipulating anchor points and handlebars, using the pen tool, adding or deleting points, and applying gradient fills.

Learn to enable vertical scrolling in InVision Studio by adjusting artboard height, then fix key layers with the pushpin tool to keep headers and sections stationary for a seamless prototype.

Learn to crop images precisely with masks in InVision Studio by using an oval mask, creating a mask group, and adjusting crop, shadows, and strokes.

Explore boolean operations in InVision Studio, including union, subtract, intersect, and exclude, to create and edit shapes nondestructively and design consistent icons.

Discover how components act as reusable design elements like footers and call-to-action buttons, enabling edits across all screens by creating and naming an info pill component in InVision Studio.

Duplicate and manage components in a library, apply overrides, and edit the master component to propagate font and color changes across all instances.

Scale components in InVision Studio by setting width and height to percent so they resize with the bounding box, and center the text with anchor points.

Connect art boards to prototype interactions in envision studio using mobile triggers and presets. Preview the flow with fade transitions and back navigation to refine the app prototype.

Explore how the motion transition in InVision Studio adds micro interactions and smooth animations, enabling carousel swipes, pagination, and stacked tap and swipe actions across multiple artboards.

Refine motion in the timeline editor of InVision Studio to have pills pop up from the bottom with staggered delays, while linking layers across landing and detail pages.

Publish your finished prototype to your InVision account to share with peers, bosses, or clients, while preserving micro interactions, transitions, and animations in the web version.

Explore inspect mode in InVision Studio to view project dimensions, colors, fonts, font info, and a quick style guide, then access layers and assets for developers.