Back to Plugins
コーディング計算ツール

コーディング計算ツール

コーディングで使用する数値に変換する補助ツール。

Plugin Preview

コーディング計算ツール preview

About this plugin

レイヤーから取得できる数値をコーディングで使用する数値に自動計算します。

あなたのコーディング作業が少しでも楽になりますように。


【行間の倍率変換】

テキストレイヤーを選択すると文字サイズと行間を取得して倍率値に変換します。

以下の場合は計算できません。

  1. 行間がautoの場合
  2. オートレイアウト、グループ化レイヤーを選択
  3. テキストレイヤー以外のレイヤーを選択


【単位変換】

px値を別の単位に変換します。

各単位共通でテキストレイヤーなら文字サイズを取得し、その他のレイヤーなら横幅を取得しますが、単位ごとに連動するフィールドが異なります。


em:

レイヤーを選択すると「基準値」が変動します。

rem:

レイヤーを選択すると「変換したいpx値」が変動します。基準値は16が初期値になります。

%:

レイヤーを選択すると「基準値」が変動します。

vw:

レイヤーを選択すると「基準値」と「変換したいpx値」が変動します。

「基準値」は一番外側のフレームサイズになり、「変換したいpx値」は選択中のレイヤーの数値になります。


【clamp関数】

レイヤーから数値を取得して、clamp(最小値, 推奨値, 最大値)の形式で出力します。

フレームサイズが700px以下の場合は最小値と最小画面幅が、701px以上だと最大値と最大画面幅が連動し、レイヤーから数値を取得します。emとremは基準値も設定できます。


【その他共通仕様】

  1. 結果をクリックでクリップボードにコピーします。
  2. 「値変動」をOFFにするとレイヤーからの取得をやめ、普通の計算機になります。
  3. 出力結果が小数点になる場合は少数第3位まで表示します。

Plugin Details

Version2
CreatedJune 15, 2025
Last UpdatedJune 17, 2025
CategoryAccessibility tools
Creatorshomiyu
Stats50 installs, 19 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none