Skip to content
コーディングパネル

コーディングパネル

by shomiyu

テキストやコンテンツ、エフェクトなどのコーディングで使用する情報を分かりやすく表示します。騙されたと思って使ってみて。

FreeFigma

Installs

130

Likes

49

Users

225

Views

607

Preview

コーディングパネル preview

About this plugin

「コーディング用の数値がわかりにくい。」「なんか色が違うと思ったらブレンドモードになってた!」「字間の設定をよく見逃してしまう・・。」コーディングをしていてそんな経験はありませんか?このプラグインでは、レイヤーを選択するとコーディングで必要な数値を、タイポグラフィ、コンテンツ、エフェクトのカテゴリに分けてハイライトします。さらに、一部コーディングの数値に自動計算したり、カラーコードのHEX値とRGB値の切替えができたり、フレームやグループ化されたレイヤーでもテキストを取得してワンクリックでコピーする機能も追加しました。多くのデザインデータからコーディングしてきたコーダーが作った、コーダーのためのプラグインです。Figmaでコーディングするなら、ぜひ使ってみてください。【タイポグラフィ】テキストレイヤーに反応して、書体、太さ、文字サイズ、行間、字間、文字揃え(上下・左右)、テキスト内容を表示します。【コンテンツ】幅、高さ、外見透過、ブレンドモード、塗り、線の情報を表示します。【エフェクト】エフェクトの情報を表示します。インナーシャドウとドロップシャドウは詳細を表示しますが、それ以外のエフェクトはエフェクト名のみ表示します。

More accessibility tools plugins

View all