Some of your stakeholders and processes may not live inside InVision. In this video Dennis shares how to integrate InVision with Slack, Dribbble and other popular tools so that you can easily push activity and keep your team in the know of any changes that are happening with your prototypes. You'll learn how to authenticate with these tools and how to configure them to your needs.
- [Voiceover] Not everybody that you work with may work inside InVision. You may need to get feedback from folks that are on Dribbble, maybe they're in Slack, maybe they're in JIRA, maybe they use Trello. InVision makes it really easy to bring your design inside those platforms. There's a few ways we can do that. So, inside each prototype, you have the ability to post to Slack, share on Dribbble, or embed your screen.
Let's take a look at each of them. So, I'm gonna post all of this activity that happening on this prototype inside my Slack account. We go to Slack Configuration, click Connect to Slack. We're gonna post the channel that we want it to go to. We have one called the chat app. We're gonna authorize it. Now we can tell InVision what we want to send to Slack. We can send any comments that have been made, any conversations that have been resolved, any changes to screens.
We can even bring in information like who's been added to projects, who's viewed share links, and when screens may be updated. Once we have configured what we want InVision to send to Slack, you simply click Done. Now if I add a comment on this screen, the activity will show up in Slack. Click Views. Click Comment. I'll say, "I like this blue." Click Send. And you can see a notification appeared. Go into Slack. And I can see that notification right here inside Slack.
Another way that you can involve others inside your creative process is by using of Social Sharing. Inside each screen inside the Console Mode, you'll see Social Sharing. Click that. You can send one screen off to Slack if you'd like, or you can send it to Dribbble. You authorize your account with Dribbble. Authorize. And now you can see InVision creates a nice preview of what the shot will look like, and you can fill out your information and post it on Dribbble.
So, we'll say, "A new screen "that I'm working on." We can tag it. We can say, "What do you think?" And then we can post the shot. Once that shot has been posted to Dribbble, everybody can give you feedback on it. The last thing that you can do to bring your screens into other environments that are not inside InVision is embed them. Under each screen we have an embed option. Click Embed.
You can actually embed a screen into any of the following tools, whether you use Basecamp, Trello, JIRA, HipChat, or any other tools that you may use. Each time you embed a screen and you make a change to it, that live embed will update so everybody knows that they're looking at the right screen and the most up-to-date version of it. So, that's how quick it is to bring the screens and the activity that's happening inside InVision into other tools that you may be using other than InVision.
- Creating your InVision account
- Adding linked screens, overlays, and transitions to prototypes
- Creating and customizing a board
- Sharing prototypes and boards
- Collaborating and commenting
- Integrating with Photoshop and Sketch
- Using the InVision mobile app