userHTMLコーディングを加速させるZeplinを導入してみた!某クライアントさまからZeplinのお話があり、試しに導入してみたところとても良かったので記事にしました。最初にPhotoShop、AdobeXD、Sketch、Figmaに対応しています!Zeplinの公式サイトはこちらZeplinってなに?私のざくりとした認識では、ちゃんと動くDreamweave...なお、ZeplinはPhotoshop、AdobeXD、Sketch、Figmaに対応しています。解決方法まとめ画像の保存先の変更Zeplinの画像書き出しの際の保存先は、初期設定はデスクトップになっています。保存先を変えたい場合は、下記の方法を試してみてください。一度設定すると下部に選択したフォルダ名が表示されるので、再度変更したい場合は、フォルダマークをクリックすると変更可能ですこれだけで、保存先の変更はばっちりです。グループ化した複数の画像が1枚しか書き出されないZeplinでは、レイヤー単体でもフォルダ毎でも書き出しが可能です。一つ注意点があります。フォルダの場合は、クリッピングマスクを使用した画像を複数枚入れてしまうと、Zeplin側では1枚の画像に統合してくれず、フォルダの中の1番上の画像のみが書き出しされてしまうようです。本当は-e-imgの画像を1つに統合して欲しいのですが、いざZeplinで確認すると・・・レイヤーの一番上の画像しか書き出されていませんでした。回避策を模索した結果、クリッピングマスクを使用せずに、ベクトルマスクにすることで、フォルダの中の画像を1枚の画像に統合して書き出すことが可能となりました。Zeplinで確認していみると・・・ばっちりフォルダの中の画像が統合されていました!レイヤースタイルが効かないドロップシャドウをつけたり、カラーオーバーレイやパターンなどをレイヤースタイルで設定したのに、Zeplinに書き出したらスタイルが反映されていないことがあります。原因これは単純にスタイルをかけている対象がZeplinの書き出し対象に設定されていないからとなります。このようにZeplinで書き出したい対象レイヤーは「-e-arrow」のレイヤーとなりますが、書き出し対象レイヤー自体にレイヤースタイルをかけているわけではなく、上位のフォルダにかかっている状態となります。単純で、書き出したいレイヤー自体にレイヤースタイルを設定すればOKです。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。