Additional Information
Share and inspect Photoshop and Sketch designs in a heart beat!
| Version | Avocode 4.15.6 |
| Requirements |
Mac OS X 10.11 or later |
| Updated | June 25, 2023 |
| Author | Avocode, Inc. |
| Category | Imaging and Digital Photo |
| License | Trial |
| Language | English |
| Download | 159 |
Overview
Open PSD & Sketch designs on Mac with Avocode. Generate CSS, Swift & XML straight from layers and export images, colors, fonts, styles, sizes, and measurements. Invite your team members and easily manage user permissions. Any number of people can inspect the same design at the same time. Give precise design feedback via comments and get notified when something changes. Keep design revisions together and organized them into projects. Upload any Photoshop and Sketch source files to one safe place, where your entire team can access, open and download them 24/7.
Features and Highlights
Open .psd & .sketch without Photoshop & Sketch
Avocode for macOS renders Photoshop and Sketch designs on its own. Therefore you can open and inspect any design you upload to Avocode for Mac. On any OS and without designer's tools.
Export CSS, Swift, Android & React Native code from a design
Generate concise CSS, Less, Sass, Less, SCSS, Stylus, Swift, Android, & CSS in JS code including layer and font styles, units in px, pt, and dp and colors in HEX, UIcolor or HEX8.
Export images up to @4x or xxxhdpi resolution
Selects a layer, multiple layers or a slice of the design and export it as an image. Add more variants for various resolutions. You can even upscale and export vector shapes to fit any desktop, iOS or Android screen.
Handpicked #BADA55 colors
Manually copying colors and converting them... that is so yesterday. Just pick a color and the color code will be immediately added in your clipboard, so you can paste it where you need it.
Export text layers as plain text, images or html code
When you select a text layer, you can export it as an image, copy plain text or copy text with HTML tags. The STYLES panel will show you everything like font-family, font-weight, and font-size.
Precise measurements, no eye-balling
Instantly grab any size or distance. Add, move, and remove guides that allow you to check precise alignment. You can also use them to measure a distance from any object to any place.
Define anything as a variable
You can customize the code output by hiding and reordering its parts. Define and replace any value (colors, font, gradient, size, distance) in the code as a variable and it will automatically appear in the exported code.
Share designs and invite team members
Let your fellow developer extract all design specs on his own in the app. You can either invite team members who need to inspect the design or share a public link with people who only need to comment.
Sync .psd and .sketch via a plugin
You can literally stay in Photoshop or Sketch app to upload a design or a revision to the tool. Install plugin hit sync and the design will suddenly appear in your cloud.
Select any area of the design and comment on top of it
Discuss everything, explain your thinking and leave feedback via comments literally on top of the design to your colleagues. Highlight any area, add, reply, and solve comments with your team in real time.
Get notified in Slack about your team's progress
Get notified via e-mail or in a dedicated Slack channel when your team mates, upload a design, adds a revision, or writes a comment. You can also track progress in the activities bar in the app.
Manage who sees what
Invite team members, freelancers, and contractors and manage their permissions for specific projects in your team. Share a preview of the design via a public link to third parties (like clients) and let them comment.
One place for all of your designs
Upload designs to the cloud, sync versions and design settings (scale, platform, units) with your team. Let your team members access, inspect and download the newest design revisions 24/7.
All revisions in your vision
Re-design as much as you want. The program works as an up-to-date repository for all your design versions. You can simply stack revisions on top of each other and then compare them side by side visually.
Zero time for safe keeping yet so safe
The second you upload your design to the cloud, it becomes accessible to your team. Everything you upload in the tool is encrypted with an SSL certificate, so your design stays truly yours.
Sort designs and search in your projects
The app lets you work on as many projects as you want. Once you upload any design, sort it accordingly. If you're looking for something just type it in the search bar or hit SPACE to preview your design.
Avocode app renders PSD/Sketch designs on any OS
Opening Sketch on Windows or PSD on Linux is just the beginning of what's possible with Avo code. Each design you open will be rendered pixel perfect and downloaded so you can access it even when you lose Internet connection.
Note: Try Avocode today and get 14 days for free.
Features and Highlights
Open .psd & .sketch without Photoshop & Sketch
Avocode for macOS renders Photoshop and Sketch designs on its own. Therefore you can open and inspect any design you upload to Avocode for Mac. On any OS and without designer's tools.
Export CSS, Swift, Android & React Native code from a design
Generate concise CSS, Less, Sass, Less, SCSS, Stylus, Swift, Android, & CSS in JS code including layer and font styles, units in px, pt, and dp and colors in HEX, UIcolor or HEX8.
Export images up to @4x or xxxhdpi resolution
Selects a layer, multiple layers or a slice of the design and export it as an image. Add more variants for various resolutions. You can even upscale and export vector shapes to fit any desktop, iOS or Android screen.
Handpicked #BADA55 colors
Manually copying colors and converting them... that is so yesterday. Just pick a color and the color code will be immediately added in your clipboard, so you can paste it where you need it.
Export text layers as plain text, images or html code
When you select a text layer, you can export it as an image, copy plain text or copy text with HTML tags. The STYLES panel will show you everything like font-family, font-weight, and font-size.
Precise measurements, no eye-balling
Instantly grab any size or distance. Add, move, and remove guides that allow you to check precise alignment. You can also use them to measure a distance from any object to any place.
Define anything as a variable
You can customize the code output by hiding and reordering its parts. Define and replace any value (colors, font, gradient, size, distance) in the code as a variable and it will automatically appear in the exported code.
Share designs and invite team members
Let your fellow developer extract all design specs on his own in the app. You can either invite team members who need to inspect the design or share a public link with people who only need to comment.
Sync .psd and .sketch via a plugin
You can literally stay in Photoshop or Sketch app to upload a design or a revision to the tool. Install plugin hit sync and the design will suddenly appear in your cloud.
Select any area of the design and comment on top of it
Discuss everything, explain your thinking and leave feedback via comments literally on top of the design to your colleagues. Highlight any area, add, reply, and solve comments with your team in real time.
Get notified in Slack about your team's progress
Get notified via e-mail or in a dedicated Slack channel when your team mates, upload a design, adds a revision, or writes a comment. You can also track progress in the activities bar in the app.
Manage who sees what
Invite team members, freelancers, and contractors and manage their permissions for specific projects in your team. Share a preview of the design via a public link to third parties (like clients) and let them comment.
One place for all of your designs
Upload designs to the cloud, sync versions and design settings (scale, platform, units) with your team. Let your team members access, inspect and download the newest design revisions 24/7.
All revisions in your vision
Re-design as much as you want. The program works as an up-to-date repository for all your design versions. You can simply stack revisions on top of each other and then compare them side by side visually.
Zero time for safe keeping yet so safe
The second you upload your design to the cloud, it becomes accessible to your team. Everything you upload in the tool is encrypted with an SSL certificate, so your design stays truly yours.
Sort designs and search in your projects
The app lets you work on as many projects as you want. Once you upload any design, sort it accordingly. If you're looking for something just type it in the search bar or hit SPACE to preview your design.
Avocode app renders PSD/Sketch designs on any OS
Opening Sketch on Windows or PSD on Linux is just the beginning of what's possible with Avo code. Each design you open will be rendered pixel perfect and downloaded so you can access it even when you lose Internet connection.
Note: Try Avocode today and get 14 days for free.
