Avocode

サービス概要

スケッチ、XD、PSDまたはAIファイルを直接インポート-デザインツールや事前にインストールされたプラグインなし。ファイルをインポートするには、Windows、Linux、macOSから、またはブラウザーを介して、ファイルをAvocodeにドラッグアンドドロップするだけです。Avocodeを使用して、バージョンを同期させながらデザインファイルを管理し、デザインに関するフィードバックを議論できます。また、開発者はデザインを開いてすべてのレイヤーにアクセスし、自動生成されたCSS、Swift、Android、またはReact Nativeコードと画像アセットを取得して、自動的にエクスポートできます。

機能

• Avocodeはブラウザーで動作し、すべてのオペレーティングシステム用のデスクトップアプリを備えています。
• アセットのエクスポートとAvocodeからのスペックの取得はとても簡単です。
• レイヤーをクリックするだけで、プロダクション対応のCSS、Sass、Stylus、Less、SCSS、JS in CSS、Styled Components、Swift、AndroidまたはReact Nativeコードを生成できます。特定の値、コード行、またはセレクター全体をコピーできます。
• レイヤーをクリックして、px、pt（iOS）またはdp（Android）でサイズを測定します。
• デザインの任意の領域にコメントを追加します。特定のポイントをクリックするか、デザインの領域を強調表示します。

料金

Avocodeには無料プランがありません。Avocodeの有料プランは月額14ドルからです。※別途費用がかかる場合があります。