chot Inc.

ちょっと株式会社 社員ブログ
Blog
  • ホーム
  • ブログ
  • SketchにあるデータをXDへ配置した時の話

SketchにあるデータをXDへ配置した時の話

ナレッジ・ノウハウ
SketchにあるデータをXDへ配置した時の話

SHARE

デザイナーのemiです。

ちょってぃの素材がSketchのファイルなのですが、そこにあるイラストをXDに配置したい。と思ってちょうど開いていたXDへドラッグアンドドロップしました。

すると…


え?
ちょってぃがマッチョ化!?

他のデザインツールで試してみた

プレビューではきちんと正しい姿のちょってぃ 。
XDに行くとマッチョ化。

まずはIllustratorの場合

「じゃIllustratorだとどうなんだろう。」と思ってIllustratorで開いてみました。

正しい姿です。

あ、このパスの感じ…


XDでマッチョ化した理由が分かった気がします。
マスクの部分がうまく反映されていないようです。

Figmaで試してみる

さらにFigmaに配置してみます。

正しい姿です。
レイヤーを見てみると、うまくマスクが機能しています。

XDのレイヤーはどうなっている?

XDに戻ってレイヤーを見てみます。

マスクがうまく機能していませんでした。
レイヤーの順序を変えてマスクを適用し直してみると、正しい姿になりました。

さいごに

マスクの適用時にデザインツールによってレイヤーの順序が変わるとこういうことも起きるんですね。
いきなりマッチョ化してびっくりしましたが、原因が判明してスッキリしました。

emi

Webデザイナー

    10年以上コーディングがメインだったデザイナーです。検証ツールでソースを見るのが大好きです。

    関連記事

    Copyright © 2022, chot inc.