コーディングパネル

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

Plugin Preview

「コーディング用の数値がわかりにくい。」

「なんか色が違うと思ったらブレンドモードになってた！」

「字間の設定をよく見逃してしまう・・。」

コーディングをしていてそんな経験はありませんか？

このプラグインでは、レイヤーを選択するとコーディングで必要な数値を、タイポグラフィ、コンテンツ、エフェクトのカテゴリに分けてハイライトします。

さらに、一部コーディングの数値に自動計算したり、カラーコードのHEX値とRGB値の切替えができたり、フレームやグループ化されたレイヤーでもテキストを取得してワンクリックでコピーする機能も追加しました。

多くのデザインデータからコーディングしてきたコーダーが作った、コーダーのためのプラグインです。Figmaでコーディングするなら、ぜひ使ってみてください。

【タイポグラフィ】

テキストレイヤーに反応して、書体、太さ、文字サイズ、行間、字間、文字揃え（上下・左右）、テキスト内容を表示します。

【コンテンツ】

幅、高さ、外見透過、ブレンドモード、塗り、線の情報を表示します。

【エフェクト】

エフェクトの情報を表示します。

インナーシャドウとドロップシャドウは詳細を表示しますが、それ以外のエフェクトはエフェクト名のみ表示します。