Zeplin also helps the team collaborate by providing much needed organization and structure to native design files. Zeplin provides an inclusive workspace where team members from varying disciplines like product managers, UX writers and more can come together to deliver on designs. Katherine Lee, UX Visual Design Manager. Zeplin InVision / Invision Studio Webflow. Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe After Effect. I have always been passionate about storytelling.
Zeplin To Invision
How do you work with developers? I'm working in a project where I'm the only designer and we are using Jira to do the sprints and track our tasks.
I design everything using Sketch and I do it like this:
Create a Page for each 'section' that we are going to have (ie. Home, Products, Detail, etc)
Create an Artboard for each 'state' (Dashboard, Element hover, Element selected, etc) and each 'size' (1.25x, Desktop, Tablet, Mobile)
Then I want to share everything using InVision but here's where I get to the first problem. To do the Sketch + InVision integration I will need to have a file for each 'size' that I want (right?). I think that with Sketch Libraries this is going to be 'easy', but still, not sure if this is the best approach.
I send all the views to Zeplin so developers could have the specs and I post the link to Zeplin on Jira.
This is my current flow, do you do something similar or there's something I'm doing different?
Login to Comment
Zeplin Inc
You'll need to log in before you can leave a comment.
Register Today
New accounts can leave comments immediately, and gain full permissions after one week.
Getting Started
In order to publish designs from Photoshop to Zeplin, you will need to download the desktop app.
When you download the desktop app, Zeplin automatically installs a plugin on Photoshop. If you’re not seeing the plugin, you can install it manually by following these steps for Mac or Windows.
☝️ It is not possible to publish PSD files directly without using the plugins.
Enabling the plugin
After downloading the desktop app, you can enable the plugin from Photoshop menu up top at “Window > Extensions”.
If you do not see Zeplin under “Extensions,” you can try installing the plugin manually by following the details here:
Publishing your designs
To publish your designs from Photoshop to Zeplin:
Select any layer/artboard in your Photoshop file
Open the plugin and click “Export selected artboards”
Select your project or styleguide then click “Import” to start the export process
Seeing file location
Zeppelin Invision
Zeplin shows the location of the file containing the screen if you are the same user who exported that screen and using the same machine (computer) used to publish your design. You can directly open the design file in Photoshop by clicking on the file name.
Zeplin Installer
Next up: Collaborating with your team
Zeppelin Invision
Related articles: