Zeplin is a great tool, InVision I personally don't use anymore but it is useful for wire framing. Using InVision means you have to use Sketch, Abstract, or Zeplin too. Figma is all-in-one and gets you a lot more for a lot less.
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
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.
Next up: Collaborating with your team
Related articles:
Visual Design
UX/UI
Prototyping
I am experienced using Sketch, Creative Suite, Invision, Zeplin, and Axure. Past projects include designing an investor portal at AssetMark, Inc., mobile home page design for Bank Of America, and digital style guide development at Sephora, among other projects. I am comfortable with both design and production, depending on your needs.
Visual Design
UX/UI
Prototyping
I am experienced using Sketch, Creative Suite, Invision, Zeplin, and Axure. Past projects include designing an investor portal at AssetMark, Inc., mobile home page design for Bank Of America, and digital style guide development at Sephora, among other projects. I am comfortable with both design and production, depending on your needs.
INVESTOR PORTAL.
Designed and implemented investor portal for AssetMark, Inc. Work included design of over 100 screens, financial quiz, multiple graphs, Axure prototype and user experience flow.
INVESTOR PORTAL.
Designed and implemented investor portal for AssetMark, Inc. Work included design of over 100 screens, financial quiz, multiple graphs, Axure prototype and user experience flow.
Axure and
Invision
Prototypes
Prototypes included new account wizard flow, new features tour, investor portal with dynamic tiles, and multi-path investor financial quiz, among others.
Axure and
Invision
Prototypes
Prototypes included new account wizard flow, new features tour, investor portal with dynamic tiles, and multi-path investor financial quiz, among others.
Invision Studio Zeplin
Mobile &
Desktop
Design
Worked as a Senior Visual Designer for Bank Of America. Created a new mobile home page, completed asset brand overhaul, worked daily on defect resolution, and closed UI gaps between online and mobile. Also worked on desktop security center and credit card freeze pages.
Mobile &
Desktop
Design
Worked as a Senior Visual Designer for Bank Of America. Created a new mobile home page, completed asset brand overhaul, worked daily on defect resolution, and closed UI gaps between online and mobile. Also worked on desktop security center and credit card freeze pages.
Invision Zeplin Sketch
Style Guides.
Redlines.
Experienced in robust style guide design, template creation, and multi-screen redline development for both mobile and desktop.
Style Guides.
Redlines.
Invision Inspect Vs Zeplin
Experienced in robust style guide design, template creation, and multi-screen redline development for both mobile and desktop.