Inspector

[[ section.name ]]

[[ subSection.name ]] [[ articles[subSection.id] ? "(" + articles[subSection.id].length + ")" : "" ]]

How do I adjust colors in Studio?

To adjust the color of a layer or object in Studio: Select the layer or object. In the inspector (or the Preview player settings module), click the color editing icon (). In the color editing module, adjust the color as wanted...

Why won't my Studio prototype scroll horizontally?

To allow horizontal scrolling, the width of your artboard must be equal to the width of the layer that will be scrolled. If your Studio prototype won't scroll horizontally, the trouble is very likely caused by unequal widths fo...

How do I change the layout grid in Studio?

In Studio, you can edit the layout grid, columns, and rows to meet the needs of your prototype. Showing the layout grid To show the layout columns, rows, and/or grid in Studio: Open your document in Studio. Select the entire a...

How do I use Groups and Containers in Studio?

Studio offers two ways to gather layers together for collective editing and alignment: Groups and Containers. To convert a group to a container, select the group and, near the top of the inspector, click Container. To revert th...

How can I create fixed headers and footers in Studio?

With Studio, it’s possible to create fixed headers and footers for your prototypes. Depending on your layout and desired functionality for scrolling, the specific instructions may change. The following example is just one possi...

How do I delete an interaction in Studio?

To delete an interaction in Studio: In the layers panel, select the layer that has the interaction you want to delete. In the inspector panel, under the Interactions section, right-click the interaction, and then click Delete....

Can I use gradient colors for borders in Studio?

Studio supports gradient colors for borders on most layers—excluding text layers. While you can't add borders to text layers, you can still use gradients for fills on text layers. To apply a gradient border: In the layer panel...

How do I animate layer fills?

Studio seamlessly transitions from one layer fill type to another. Here are a few ways to animate your layer fills: Between colors: Transition from one color fill to a different color fill. Color stops: Transition from a solid...

Does Studio support responsive design?

Yes! Responsive design is a core tenant of Studio, allowing you to quickly create different versions of the same screen by leveraging components and responsive constraints. Now your iPad, iPhone, Android, and other versions can...

InVision Learn

[[ slotProps.course.title ]]

[[ slotProps.course.description ]]

Learn [[ slotProps.course.customFields.topic[0] ]]