Avocode logo

Avocode

Open, Share & Inspect Sketch, XD, PSD, AI, and Figma designs on macOS, Windows, or Linux
60
91
+ 1
60

What is Avocode?

Avocode is a cross-platform app that helps designers and developers collaborate and easily handoff designs. Avocode comes with 14 days free trial.
Avocode is a tool in the Interactive Mockups category of a tech stack.

Who uses Avocode?

Companies
9 companies reportedly use Avocode in their tech stacks, including Tubics, Clovis, and Rivi.

Developers
50 developers on StackShare have stated that they use Avocode.

Avocode Integrations

Visual Studio Code, Slack, Dropbox, Atom, and Figma are some of the popular tools that integrate with Avocode. Here's a list of all 10 tools that integrate with Avocode.
Pros of Avocode
10
Easy
9
Simple
7
Works with lots of devices
7
Collaborative
6
CSS
5
SVG
5
Quick
3
It evolves permanently
3
Design hand-off
3
Powerful inspecting tool
2
Sti
Decisions about Avocode

Here are some stack decisions, common use cases and reviews by companies and developers who chose Avocode in their tech stack.

Marte Fredriksen
Shared insights
on
AvocodeAvocodeZeplinZeplin

Hey,

We are a diverse group of in-house UX/UI-designers who currently work in different software; XD/Sketch/InVision and so on. We need an efficient way to manage our workflow to build, share, and maintain a consistent yet dynamic design library and a smooth, less time-consuming developer hand-off. There are lots of things to consider, and where we're at the moment, it's "design in your preferred program, but joint library and handoffs should happen through Zeplin or Avocode." Which one of these two should we go for? Any other solutions?

Thanks!

See more

Avocode's Features

  • Open and inspect Sketch, XD, PSD, AI, and Figma design files without design tools Share and present Sketch, XD, and Figma prototypes Export layers as PNG, JPEG, SVG or WebP up to @4x or xxxhdpi resolution
  • Turn layers to CSS (Less, Sass, SCSS, Stylus & CSS in JS), Swift, Android, & React Native code
  • Customize the code output and import variables
  • Define and replace any value (colors, font, gradient, size, distance) in the code as a variable
  • Export text layers as plain text, images or HTML code
  • Measure sizes or distances in px, pt, or dp
  • Pick colors as HEX, HEX8, RGBA, HSLA, UIColor
  • Annotate designs to give feedback and comment on design versions

Avocode Alternatives & Comparisons

What are some alternatives to Avocode?
Zeplin
Collaboration app for designers & developers. Supports Sketch and Photoshop (on beta!).
InVision
InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.
Abstract
Abstract builds upon and extends the stable technology of Git to host and manage your work.
Figma
Figma is the first interface design tool with real-time collaboration. It keeps everyone on the same page. Focus on the work instead of fighting your tools.
Adobe XD
A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
See all alternatives

Avocode's Followers
91 developers follow Avocode to keep up with related blogs and decisions.