そんな時は、Clean Document
プラグインが役に立ちます。
Design
【動画あり】Figmaのプラグイン『Clean Document』の使い方｜小数点が入った要素を整数化しよう。
Post：2024.03.26 / Rewrite : 2024.03.25
View
140 views
デザインの都合上、小数点が入ってしまうことはありますが、そのままエンジニアに渡すわけにもいきません。
動画で見る｜Figmaのプラグイン『Clean Document』の使い方
Figmaのプラグイン『Clean Document』の使い方
フレームを選択した状態で、リソースからClean Documentプラグインを検索、起動。
このプラグインは非常に強力で、整数値にするだけではなく、次の様なオプションもあります。
Delete hidden layers：非表示のレイヤーを削除。
Ungroup single-layer groups：中身が１つしかないグループを解除。
Make pixel-perfect：選択範囲内または現在のページ上のレイヤーのX、Yの座標とサイズを最も近い整数値に直す。これで整数値になります。
Smart rename layers：レイヤー名をわかりやすい名前に変換してくれる。デフォルトでは、^＠とあり、これは＠から始まるレイヤーは変換から除外すると言う意味。
Skip locked layers：ロックされたレイヤーを無視する。
Smart Sort Layers：選択範囲内または現在のページ上のレイヤーを、ページ上の相対的な重なり順序を維持しながら、XとYの位置でソートする。
「Clean Layers」ボタンをクリックするとドキュメントが整理整頓されます。
-
Design
【動画あり】Figmaのプラグイン『blobs』の使い方｜流体シェイプを作ろう。
Hanai Akhiro
date.2024.04.03
-
Design
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方｜魅力的なGradationを作ろう。
Hanai Akhiro
date.2024.04.02
-
Design
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方｜波線を描こう。
Hanai Akhiro
date.2024.04.01
-
Design
【動画あり】Figmaのプラグイン『FigMap』の使い方｜地図を挿入しよう。
Hanai Akhiro
date.2024.03.31
-
Design
【動画あり】Figmaのプラグイン『Split Shape』の使い方｜段組み（グリッド）繰り返しレイアウトを作成しよう。
Hanai Akhiro
date.2024.03.29
-
Design
【動画あり】Figmaのプラグイン『Skew』の使い方｜図形や文字に斜体をかけよう。
Hanai Akhiro
date.2024.03.28
-
Design
【動画あり】Figmaのプラグイン『Icons8 Background Remover』の使い方｜人物、背景を切り抜こう。
Hanai Akhiro
date.2024.03.27
-
Design
【動画あり】Figmaのプラグイン『Clean Document』の使い方｜小数点が入った要素を整数化しよう。
No tags found for the current custom post.
Hanai Akhiro
date.2024.03.26
Popular
-
【動画あり】Figmaのプラグイン『FigMap』の使い方｜地図を挿入しよう。
2024.03.31
-
【動画あり】Figmaのプラグイン『Split Shape』の使い方｜段組み（グリッド）繰り返しレイアウトを作成しよう。
2024.03.29
-
【動画あり】Figmaのプラグイン『Instance Finder』の使い方｜インスタンスを、素早く検索しよう。
2024.03.18
-
【動画あり】Figmaのプラグイン『Skew』の使い方｜図形や文字に斜体をかけよう。
2024.03.28
-
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方｜魅力的なGradationを作ろう。
2024.04.02
-
【動画あり】Figmaのプラグイン『Unsplush』『Content Reel』の使い方｜フリー画像を挿入しよう。
2024.03.21
-
【動画あり】Figmaのプラグイン『Contrast』『A11y – Color Contrast Checker』の使い方
2024.03.19
-
【動画あり】Figmaのプラグイン『Google sheets sync』の使い方｜スプシにまとめた情報を一括でデザインに反映しよう。
2024.03.18
