Avocode

What's new in Avocode?

We're improving Avocode with every update. Here is the list of them.

Download the latest update

RELEASE 2.13.1 - MAR 21, 2017

bug fixes

Minor bug fixes

  • Uploading Photoshop designs by drag & dropping them in the Project Manager (on the project tile) and in the Design View should work just fine.

If something is still bugging you, please let us know at team@avocode.com or report the issue on Github.

RELEASE 2.13.0 - MAR 16, 2017

bug fixes

Features

    App

  • Avocode is now in APT repository, which means you can update it exactly as you would update any other app on Linux Ubuntu or other Debian-like distribution.

  • Ask for help and advices via out new in-app chat directly from the Design View (while you're inspecting). Our cutomers suport is looking forward to chatting with you.

  • Interface

  • The new in-app notifications are now clickable and scrollable so you can go back in time.

  • The header bar in the app is now unified and polished.

  • Search designs while you're inspecting. Just hit CMD/CTRL+F or click on the magnifier icon in the top right corner.

  • Open recent designs by right-clicking on the icon and choose “Open recent”.

  • Design upload

  • Drag & drop Photoshop designs on the Avocode icon to upload them.

  • Watch design upload progress on the Avocode icon.

  • Canceling design upload shouldn't slow down your workflow now.

  • When you're uploading the design in the app, you can see the upload progress directly in redesigned dropdown notifications.

  • When you're uploading a design by drag & dropping, Avocode will ask you in which project you want to put it.

  • Inspecting

  • Export layers as WebP images.

  • Export smaller SVGs, optimized with SVGO.

bug fixes

Bug fixes

  • We fixed a few minor bugs from Sentry.

  • Guides distances are now scaled properly. Thanks Leonid Dzyhanskyi for squashing this bug!

  • Smart objects should display properly.

  • Deleting designs or projects one by one works as expected.

bug fixes

Known issues

  • Missing Application icon in the Linux.

RELEASE 2.12.6 – FEB 2, 2017

bug fixes

Bug fixes

RELEASE 2.12.5 – FEB 2, 2017

bug fixes

Features

  • We added a new React Native template in the code panel with default sets that you‘ll easily distinguish from CSS in JS.

bug fixes

Bug fixes

  • We fixed a few minor bugs from Sentry.

  • Variables should work as expected. When you save them, they will appear in code. When you create a variable, always beware to type in the exact value which you want to replace. For example: `var a = #333 ` wont replace like this `$a333 (original value #333333)`.
    Thanks Michal Landsman and Michal Černý for reports.

  • When your team is still in the free trial (no matter how extended) we‘ll show you how much time is remaining for your entire team. The trial starts running when the first member of your team signs up. All users in your team will see this information identically in the top right corner in the Avocode Manager.

  • The modal which appears when your account has expired should be displaying correctly.

RELEASE 2.12.4 - JAN 16, 2017

bug fixes

Bug fixes

  • When you're opening a new design, it opens in a new tab. #227

RELEASE 2.12.3 - JAN 12, 2017

bug fixes

Bug fixes

  • Open team settings directly from the app and it won't crash. Whohooo!

  • The tool bar menu is enabled in the inspector and not in the manager - exactly as is should be.

RELEASE 2.12.1 – DEC 21, 2016

bug fixes

Features

  • From now on, download Avocode for Mac as a DMG installator and not a plain .zip file.

  • The intersection of text layers just got way more granular. You can see all common layer styles from multiple selected layers to create smarter selectors.

bug fixes

Bug fixes

  • When you're inspecting a revision, you can hit the “Re-export assets” button and all previously exported images will be exported again (without crashing the app).

  • When you open a design during Processing the app won't crash.

  • Exporting values, units and code snippets from the code panel should work fine.

  • After switching the code language (e.g. from CSS to Swift) measurements (values and units) should work as expected.

  • Naming of exported assets in the export modal finally works fine.

RELEASE 2.12.1 – DEC 21, 2016

bug fixes

Features

  • There is a new About Avocode modal. With a surprise. 😉

  • Added new "About Avocode" dialog

  • Added ability to choose between original preview size or fit to screen in the Project Manager

  • Improved upload reliability. It should handle internet connection interruptions

  • Added back the ability to copy multiple lines by dragging over the line numbers

bug fixes

Bug fixes

  • Fixed exporting group layer effects #227

  • Selecting multiple layers (with SHIFT) while using Swift should work fine.

  • Hold alt key and click on any layer in the layer panel and the design view will scroll accordingly.

  • Yep, the color overlay on text display is now same as in the code output.

  • Group layer dimensions should be calculated correctly when you change scale (design pixel density).

  • Speaking of changing scale, it won't affect the Zoom value in the bottom right corner.

  • Layer angle gradients shouldn't cause any problems. #fingerscrossed

  • Hold alt key and click on any layer in the layer panel and the design view will scroll accordingly.

  • Scale and export SVGs without any interruption.

  • When you're fiddling with the font size in the Code Settings, make sure you entered a rounded number. Otherwise a validation prompt jumps at you.

  • The not very pleasant error  "Cannot open a document with no revision" works quite pleasantly.

Thanks everyone for helping us find out about these bugs. You're awesome!

RELEASE 2.12.0 – DEC 14, 2016

bug fixes

Features

  • New Swift code template for iOS apps 
    New XML code template for Android apps 
    New CSS in JS code template for React Native apps

  • Option to set measurements: pt for iOS / dp for Android 
    Option to set colors: UIcolor for iOS / HEX8 for Android

  • Brand new code templates for CSS, Stylus, Sass, & Less

  • Finally you can choose the design pixel density (@X) 
    - Web: @1x, 2x 
    - iOS: @1x, 2x, 3x 
    - Android: ldpi (@0.75x), mdpi (@1x), hdpi (@1.5x), xhdpi (@2x), xxhdpi (@3x), xxxhdpi (@4x)

  • App Preferences were moved into a modal

  • There are new Project and Design Settings 
    - Set default platform (Web, iOS, Android for project/design) 
    - Set default path for exported images when creating a new project 
    Adjust code output according to your needs, ie. show/hide/reorder parts of code in your code panel) 
    - Sync Platform & Scale settings with your team 
    - Switch between code templates, color formats and units as much as you want

Read more about what's new in 2.12.0 on our blog

bug fixes

Bug fixes

  • Overall speed improvement of the in-app project manager

  • Faster and reworked sync

  • Sped up showing and hiding of layers

  • Fixed a few image/layer export bugs

  • Fixed retina scale displaying - thanks Brandon Carson!

  • Various other bugfixes

RELEASE 2.11.1 – OCT. 6, 2016

bug fixes

Bug fixes

  • Opening symbols from all revisions of a design should work just fine

  • Layer bounds on clipped masks should be displayed correctly

  • Drag and dropping a design into Avocode should not cause any errors

  • Hitting sync button should not reset sort anymore

Release 2.11.0 – Sep 29, 2016

features

Features

  • Added Layer Styles panel - visual alternative to the Code panel

  • Added ability to choose between original preview size or fit to screen in the Project Manager

  • Improved upload reliability. It should handle internet connection interruptions

  • Added back the ability to copy multiple lines by dragging over the line numbers

  • Ability to hide toolbar in opened design

  • Ability to type in specific zoom level number

Read more about what's new in 2.11.0 on our blog

bug fixes

Bug fixes

  • Fixed exporting group layer effects #227

Release 2.10.1 – Sep 5, 2016

features

Features

  • SYMBOL SUPPORT - Symbols now work the same as Smart Objects

  • Added Troubleshooting options to Help menu

  • Screenshots are now named after the design name

bug fixes

Bug fixes

  • Fixed bug when trying to scroll to layer with alt click and various other bugfixes

RELEASE 2.10.0 – AUG 26, 2016

features

Features

  • Redesigned tools in design view

  • Added breadcrumbs which open Project Manager

  • Redesigned colour palette

  • Redesigned code panel which allows you to copy whole lines or just a part of the code

  • Added Open Recent designs option to File menu

  • Ability to reorder tabs

bug fixes

Bug fixes

  • Disabled GPU rasterization flag. It causes UI problems to users having Radeon graphics card #1057#1039

  • Fixed the search issue #1060

Release 2.9.1 – aug 4, 2016

bug fixes

Bug fixes

  • Fixed the issue when renaming or removing a design

Release 2.9.0 – AUG 3, 2016

features

Features

  • Added Notes tool

  • Added Activity panel

  • Panels in the document view are resizable

  • Improved performance when switching between tabs

technical

Technical

  • Updated Electron to 1.3.0

  • Persistent Immutable data structures are now used internally for user data

bug fixes

Bug fixes

  • Fixed the issue when uploading a design #944

  • Fixed the issue when using regular expressions in the Variable dialog #964

  • Fixed the issue with panels #987

Release 2.8.4 – JUl 4, 2016

bug fixes

Bug fixes

  • Fixed the issue when changing the code settings #961

Release 2.8.3 – JUl 4, 2016

bug fixes

Bug fixes

  • Fixed the issue when opening a design #953

  • Fixed the onboarding issue #945

  • Fixed the issue where a document closed before it was loaded #946

Release 2.8.2 – JUN 27, 2016

features

Features

  • Added the Pinch to Zoom functionality

  • Enabled GPU rasterization flag

  • Prevent logged-out users from syncing designs

  • Added the tooltip to tab item with information about the organization and project

bug fixes

Bug fixes

  • Fixed the issue with the hand tool getting stuck

  • Fixed the issue where the vertical rule scale labels were blurred

  • Fixed the issue where a document closed before it was loaded

  • Removed the loading icon from icon sets that caused CPU usage around 10% when animating

  • Fixed the issue of the cascading UI action

  • Fixed the bug where the download was stuck, even after it finished syncing

Release 2.8.1 – JUN 16, 2016

bug fixes

Bug fixes

  • Fixed the issue that caused the design to be uploaded twice #933#928

  • Fixed the login issue #929

  • Partially fixed the Windows issue regarding loading large designs #927#916#915. You can now download Avocode x64 version for Windows.

  • Fixed the "Open in Avocode" feature #924

  • Fixed the long export path issue #918

  • Fixed the context menu issue #912

  • Fixed the layer selection issue #913

Release 2.8.0 – JUN 15, 2016

features

New export modal

  • Completely new UI

  • Export vectors in 2x, 3x

  • Improved SVG export

  • Preview of an exported image

new slice tool

New slice tool

  • Resize support

  • Move support

  • Support of exporting multiple slices

  • Slice can be created from a layer bounds

technical stuff

Technical stuff

  • Tons of bug fixes

  • Sync artboards separately

  • Updated to latest version of Electron

  • Windows auto-update support

  • UI rewritten to React.js

Release 2.7.0 – MaR 9, 2016

New Sketch plugin

New Sketch plugin

  • Completely new UI design

  • Sync artboards separately

  • Assign to project in the plugin

  • Added a detailed progress bar

Release 2.6.0 – Feb 18, 2016

Version control

Version control

  • Preview and open older revisions in the Avocode app

notes

Notes

  • URLs are now clickable in the notes section

Slack integration

Slack integration

  • Completely new design

  • Click to open on Web or in the app

  • Added thumbnail of a design in Slack

Bug Fixes

Bug Fixes

  • Fixed clipping mask issue #253

Release 2.5.3 – FeB 6, 2016

Bug fixes

Bug fixes

  • Fixed Gzip exception #447

  • Fixed notification about a new design exception #697

  • Fixed application saving state issue

  • Fixed Preview modal offline state issue

  • Limit preview downloads only to synced revisions

Release 2.5.2 – Jan 26, 2016

Project Avocode

New project manager in the Avocode app

  • Completely new UI design

  • Added quick preview

  • Added search

  • Better switching between teams

Bug Fixes

Bug Fixes

  • Deleting Sketch Artboards and Pages separately is fixed #506

  • Fixed windows installer failing issue #521

  • Fixed OS X Gatekeeper issues

  • More bug fixes –  #353, #528, #547

Release 2.4.5 – Nov 12, 2015

Avocode Desktop App

  • Fixed problem with OS X auto-updating

Release 2.4.4 (beta) – Nov  9, 2015

Avocode Desktop App

  • Fixed kernel_task memory usage problem #370

  • Fixed problem with slice tool #419

  • Fixed problem with Bourbon template #424

  • Fixed problem when uploading designs from network drive #441

  • Fixed problem with expired user token #504

Release 2.4.3 – Sep  23, 2015

Avocode Desktop App

  • Fixed problem when saving SVG #450

  • Fixed problem with select tool, measure tool and slice tool #451

  • Fixed problem when uploading a design #448, #443

  • Reduced application size

  • Improved UX for color picker

Release 2.4.2 – Aug  19, 2015

Avocode Desktop App

  • You can see and change export path in the quick export dialog

  • You can now remove single color (#130)

  • Nicer sketch design overlay with extension installation guide

  • Fix code panel flashing when moving guides

Release 2.4.1 – Aug  6, 2015

Avocode Desktop App

  • HOTFIX: fixed issues with first time login

Release 2.4.0 – Aug  5, 2015

Avocode Desktop App

  • You can set line-height unit independently

    • Includes option for line-height without units

  • Guides has been improved a lot

    • Improved guide performance

    • Fixed guides sometime disappearing in the middle of document

  • New update notification window on all platforms

  • Proxy can be set in settings persistently

  • Fixed exporting Photoshop layers inside hidden groups with effect

  • Improved bug reporting window

  • Fixed font-weight and other text properties missing in Code

  • More precise layers selection with select tool

  • Export dialog will close after clicking elsewhere, preventing many issues

  • Better Image path prefix description

Release 2.3.2 – Jul  10, 2015

Avocode Desktop App

  • Fixed problem with code panel for Sass (#341)

  • Fixed problem that sometimes caused inaccurate selection of layers

  • Fixed some issues in user onboarding

Release 2.3.0 – Jul 8, 2015

Avocode Desktop App

  • Settings options for selecting mixin libraries (based on suggestion)

    • Sass: Compass, Bourbon or none

    • Less: Less Hat or none

    • Stylus: nib library or plain Stylus

  • Upload PSD limit raised to 500 MB

  • Bigger layer preview

  • Copy text feature in layer preview

  • Improved tool palette with tool names and shortcuts

  • XML declaration added to SVG output

  • Export dialog can be cancelled by pressing Escape or clicking outside of the dialog

  • Fixed problem with creating a screenshot (#300)

  • Fixed revision number sometimes being incorrect

Release 2.2.1 – Jun  18, 2015

Avocode Desktop App

  • Fixed proxy support for adding PSDs

  • Fixed order of Sketch pages

  • Fixed several update checking issues

  • Fixed bug in authorization network handling (#305)

  • Fixed instant PSD preview generation on Linux (2.2.0 regression)

  • Fixed Linux window icon

  • Performance improvements

Avocode Manager

  • Upload PSD limit raised to 500 MB

  • Fixed login/signup in IE 11

Release 2.1.0 – Apr. 28, 2015

Avocode Desktop App

  • Support for em/rem units (based on UserVoice idea)

  • Inspectable About Avocode design

  • Onboarding tooltips for new users

  • Faster installation

  • Installer for Windows users

  • UI improvements

  • Fix problems with hotkeys in text fields (#131 and #282)

  • Fix some problems with Slice tool (#234 and #235)

  • Fix SVG export bugs (#215 and #226)

  • Various bug fixes (#225#231#243 and lots of other ones)

Avocode Manager

  • Project permissions (in Team Settings)

  • Bug fixes and performance improvements

Release 2.1.0 – Apr. 28, 2015

Avocode Desktop App

  • Added a new File menu

  • Sync stability improvements

  • Bug fixes

Avocode Manager

  • Slack integration

  • E-mail notifications

  • Managing e-mail notifications from Settings

  • Added “Delete team” option to Team Settings

Release 2.0.0 – Apr  7, 2015

Avocode Desktop App

  • Upload designs directly in the Avocode app

  • Added Info panel, which shows general information about opened design

  • Improved reliability of syncing and opening designs

  • Project manager improvements:

    • Creating projects

    • Sketch designs are displayed as folders

  • Added Login and Registration process directly to the app

Avocode Manager

  • Simpler and more flexible pricing

    • Avocode is now much cheaper for individuals

  • Design Detail:

    • Annotate, Comment and discuss designs

    • Visually compare revisions

  • Project detail:

    • Designs are displayed in a grid view

    • Sketch artboards and pages are displayed as folders which you can browse

  • Improved login and registration process

  • Drag and Drop upload improvements

  • Added credit system

  • Bug fixes and UI improvements, as usual

Release 1.1.1 – Feb  20, 2015

Avocode Desktop App

  • Added the slice tool

  • Improved the code panel

  • Improved design loading

  • Canvas optimizations

  • Performance optimizations for the Export panel

  • Guide manipulation using the keyboard

  • Better offline handling

  • More precise color picking on Retina displays

  • Variables are now project-wide

  • New Keyboard shortcuts have been added

Avocode Manager

  • Added Dropbox upload

  • Bug fixes and UI improvements

Release 1.0.1 – Jan 29, 2015

Avocode Desktop App

  • Added retina support for guides

  • Added support for line-height

  • Better UX for guides

  • Fixed blurry selection tool UI for retina displays

  • Fixed SVG text export

  • Fixed bug with UI zooming

  • Fixes for variables panel

  • Fixes for code templates

Avocode Sketch Plugin

  • Completely rewritten UI to better show the sync progress

  • Stability and speed improvements for large documents

Avocode PS Plugin

  • Stability improvements

Avocode Manager

  • Bug fixes and UI improvements

  • Organization profiles – you can now rename and delete your organizations

  • Added the possibility of leaving project

Release 1.0 – Jan 21, 2015

Avocode Desktop App

  • Completely refined UI

  • Retina support

  • Autoprefixer

  • Guides and rulers

  • Refined Color picker

  • Variables panel — you can define color variable or a replace which will modify the code output

  • New keyboard shortcuts:

    • CMDCTRL + R – Toggle guides/rulers

  • Assign synced PSDs to projects

  • Generate public link for synced PSDs

  • New user interface

  • Bug fixes

Avocode PS Plugin

  • Fixed issue when the plugin would get stuck exporting smart objects

Avocode Manager

  • Tons of bug fixes and improvements — like… literally. Tons.

  • Design upload in Manager - without Photoshop extension (including assigning to project and adding design revisions)

  • Invite and remove members to a project

  • Create an organization

  • Invite and remove members to an organization

  • Public Link Preview

  • E-mail Notifications

  • Notifications

  • Change name

Release 0.8 – Nov  10, 2014

  • EXPERIMENTAL: Sketch support — the plugin may crash sometimes, mostly with larger documents. We are currently working on improving this feature for the next release

  • Bug fixes and UI improvements

Release 0.7.1 – Oct  16, 2014

  • Bug fixes and UI improvements

  • Linux Version

  • Code settings

  • New keyboard shortcuts:

    • CMD / CTRL + SHIFT + C – Copy CSS

Release 0.7 – Oct  9, 2014

This major release makes Avocode available on Windows and Linux.

Avocode Desktop App

  • Windows Version

  • Linux Version

  • EXPERIMENTAL: Smart Objects Support

  • Bug fixes and UI improvements

  • New keyboard shortcuts:

    • Hold Spacebar for hand tool

Avocode PS Plugin

  • Windows Version

  • Bug fixes

Avocode Manager

  • Bug fixes and UI improvements

Release 0.6 – Oct  2, 2014

This major release includes update for the Avocode desktop app, update for the Avocode PS Plugin and release of the new Avocode Manager. This release makes managing and sharing synced designs much more easier.

IMPORTANT: With this new release you will have to re-sync all of your previous designs. If you encounter any problems please contact us

Avocode Desktop App

  • Added tabs

  • Added Project manager

  • Bug fixes and UI improvements

  • Auto-update

  • New keyboard shortcuts:

    • CMD + N – New Tab

    • CMD + , – Toggle Settings

    • CMD + C – Copy Text

  • Assign synced PSDs to projects

  • Generate public link for synced PSDs

  • New user interface

  • Bug fixes

Avocode PS Plugin

  • Assign synced PSDs to projects

  • Generate public link for synced PSDs

  • New user interface

  • Bug fixes

Avocode Manager

  • Create, delete and edit a project

  • Preview and delete designs in the project

  • Invite and remove members to a project

  • Create an organization

  • Invite and remove members to an organization

  • Public Link Preview

  • E-mail Notifications

  • Notifications

  • Change name

Release 0.5 – Aug. 25, 2014

  • SCSS, SASS and Stylus added to code export

  • Selection by drag

  • Improved export panel UX

  • Bug fixes and UI improvements

    • CMD + P – Snapshot of the current document

    • CMD + L – Lock measure guides

Release 0.4 – July 22, 2014

  • EXPERIMENTAL: You can now export vector layers as SVG files.

  • Better support of font related properties – underline, uppercase, small caps, line through. IMPORTANT: The internal Avocode format of documents was changed. You will need to update Avocode PS plugin and re-sync your designs for these functions to work properly.

  • Bug fixes, UI improvements

Release 0.3 – July 4, 2014

  • Context menu on right-click.

    Inspect me Avocode
  • Keyboard shortcuts. Most of them are inspired by Photoshop and Sketch so you should be familiar with them.

    • V – Select tool

    • I – Color Picker

    • H – Hand tool

    • R – Measure tool

    • CMD + 1 – zoom 1:1

    • CMD +  – zoom out

    • CMD + S or CMD + SHIFT + ALT + S – exports selected layer(s)

  • Double clicking a layer in Layers panel scrolls the view to show that layer

  • UI changes – Layers are on the left in a separate panel

  • Bug fixes, copy changes

Release 0.2 – June 20, 2014

  • Photoshop Plugin – You can now import your own PSD files into Avocode using our Photoshop Plugin

  • Asset Library – We have improved the export of images and colors. You can now export multiple layers into separate files and see all of them in one place. See this image to learn more about our new image export.

  • UI improvements

  • Bug fixes

Avocode 0.1 – June 4, 2014

  • Mac version of Avocode

  • CSS and Less Export

  • Assets Export

  • Measure Tool

  • Color Picker

  • Font Styles and Text export