デザイナーのemiです。

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

すると…


え？
ちょってぃがマッチョ化！？

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

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

まずはIllustratorの場合

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

正しい姿です。

あ、このパスの感じ…


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

Figmaで試してみる

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

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

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

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

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

さいごに

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