Figmaに取り込んだアイコンが欠けているとき

空白、四角形、画像では対処が異なります。まずレイヤーの種類を確認します。

原本と比較する

Chromeでアイコンの読み込みを待って再キャプチャします。Figmaでは文字、ベクター、画像のどれかを確認してください。黒い四角だからといってフォントの問題とは限りません。

文字の四角形なら必要なフォントを確認します。SVGが空なら、読み込み後に小さな範囲だけ再キャプチャします。色や形だけ違う場合は原本との比較を保存してください。スプライトやCSSマスクの読み込みが関係することもあります。

フォントの追加では画像に欠けた形は復元できません。利用できる原本SVGがあれば、そのアイコンだけ交換します。スクリーンショットは見た目の代替でありベクターではありません。引き渡す前にナビ、ボタン、状態アイコンを実際の背景上で確認してください。

自分のページで試す 毎月10回まで無料。毎月リセットされます。カードもアカウントも不要