Avocodeって？

とりあえず簡単に主な機能を紹介をします。

Avocode

PSDのプレビューをPSDを持っていなくてもだれでも閲覧ができる
プレビュー時にコメント追加ができる
Web版&アプリ版
アプリではPSDのスライスや、レイヤーの操作、テキストのコピーなどが容易
PSDのリビジョン管理
URL生成機能で簡単にシェア
Slackで更新通知
Photoshopからワンクリックでアップロード
英語版のみ
有料版のみ（2週間のお試し期間あり）

導入の経緯

導入前、デザイン確認がある際はExcel上で行っていました。
Excelでの共有はファイル作成から相手へ連絡等、かなり時間がかかります。
社員の時間コスト削減とスピーディな共有ツールが求められていました。

その時に見つけたのがAvocodeです。

PhotoshopがなくてもPSDの確認がWeb上ででき、コメントも可能なのでデザイン・文言チェックが簡単そう
通知はメール・Slackで飛ぶので、より共有が早くなりそう
アプリがフロントエンド側で使えそう

以上の3点が、業務の改善となると判断し導入しました。

実際につかってみた

いざ使用スタート！

デザイナーは作成したPSDをPhotoshopからワンクリックでアップロード。（プラグインが要ります）
わざわざPDFやpngなどに変換しなくていいので、ストレスがないです。
アップロード通知が飛び、確認側はWebでデザインを確認。
気になるところはコメントを残す。コメントも通知が飛ぶので、作業テンポがはやい！
文言等の修正依頼なら、通知が飛んできてから修正完了→再アップロードまでが劇的なはやさです。

アプリはPhotoshopなしでスライスができるし、pxの確認も簡単！
個人的にはPSD上のテキストを一発でコピーできる機能に感動しました。
Photoshopを持っていない人の強い見方ですね！

すっごい便利！Avocodeすごいなー！すごいなー.........

3ヶ月後

Avocodeを使わなくなりました。

ここまで紹介しておいてごめんなさい...。
それには理由があるのです。

あまり使わない機能があった（リビジョン管理など）
有料ユーザーしかコメント機能が使えなかった
コメントの修正ができない、コメント内で改行ができない
slackの通知内容が微妙でわかりにくい

あと最大の理由として、別ツールの台頭がありました。
それは Marvel（マルヴェル）です。

Marvel

Marvelはプロトタイピングツールです。
Avocodeより前から使用しており、英語版ではありますが直感的に使えるほどUIがしっかりしています。
プロトタイピング機能しか使っていませんでしたが、実はPSDもアップロードできたり、チーム内でAvocodeでやっていることがMarvelでも十分できるということに気付きました。

AvocodeとMarvelはサービスの性質はまったく違いますが、Marvelの方がよりチームに合っていることと、Avocodeがあまり浸透しなかったことで、Avocodeをやめる結果となってしまいました。

おわりに

チームやプロジェクトとの方向性が合わずAvocodeはいったん辞めることになりましたが、なんだかんだいってAvocodeはすごい便利です。
PSDを確認するマークアップエンジニアさんにもオススメできます。
改善して欲しいところもちらほらありますが、今後のアップデートに個人的には期待しています。

デザイナーがAvocodeを使ってみた