How Atlassian product-integrations can revolutionize the design work-flow in InVision Studio
Hello from InVision!
Ben Michel
Pablo Stanley
Modern Software Could not exist without:
and other apps that have revolutionized the development process globally.
The design process is next.
Fun fact:
Designers use these tools everyday.
But often wish they didn't have to derail to do so.
That's why platform integrations are so powerful.
They package up aspects of useful tools,
in ways that make perfect sense for the workflow of a complimentary discipline.
InVision ❤️ Atlassian
We are uniquely positioned to do this for the design-space right now, together!
We're excited about the chance to actualize Atlassian integrations in InVision Studio!
The designer-developer working relationship has some problems.
Differing workflows are often lumped together
Design-space Problem categories
that can be solved by Studio apps:
- Workflow Efficiency
- Communication
- Collaboration
- Implementation
Atlassian's presence in this space:
Jira Cloud for Sketch
Seamlessly upload Sketch artboards, layers, and slices to your Jira issues.
Discover issues to work on, and check issues you've been assigned or mentioned in.
Share designs, assets, and feedback with your team - without ever leaving Sketch!
The Atlassian Design Platform & Atlaskit!
Innovation in UI library design and guidelines
Platform Integrations are Powerful!
What is InVision Studio?
Where Apps can live:
App flow:
How Atlassian can solve huge problems with Apps:
Communication:
Stride & Studio
Communication between design & development teams could be streamlined with an App that sends prototype update messages and previews to specified channels in Stride.
Workflow:
Trello & Studio
Integrate views of update checklists & Trello cards inside Studio.
A direct view in Studio for any existing checklist in a Trello card for the designer to reference.
Filtered by category, for instance–checklists with the 'design' tag.
Add, edit, or complete new points to the checklist from Studio
Collaboration:
Trello & Studio
(again!)
Trello-linked
Studio Files
A Studio File could be linked directly to a Trello card.
When there’s an update from the project to share, the designer can update the Trello card directly from Studio.
Updates could be a rendered PNG of a selected artboard, .gif of a prototype, or a link to a prototype.
On the Trello card, an image could appear with comments from the designer.
Integration: Bitbucket & Studio
Upload and update assets directly to a Bitbucket Project
Upload or update image assets from Studio directly to Bitbucket, generating pull requests.
Could involve a CI / CD pipeline via Bamboo.
Designer can create folders & specify the intended directory structure directly from a Studio App
Could involve exporting features: using existing Studio features to determining the format, and how many asset copies are needed at various specified resolutions.