Back to Plugins
Frame Height→Text Sync

Frame Height→Text Sync

Automatically displays frame/component heights as text labels.

Plugin Preview

Frame Height→Text Sync preview

About this plugin

余白などの高さを示すデザインハンドオフ/デザイン仕様書用の測定コンポーネント作成プラグインです。

フレームの高さを変更すると、表示テキストが自動で更新されます。


  1. プラグインを起動し、コンポーネントとインスタンスを作成します。
  2. インスタンスの高さを変更します。
  3. テキストは自動的に変更されます。


メモ:

  1. テキストの自動更新はプラグインを開いている間だけ動きます
  2. テキストを手動編集する場合、インスタンスを切り離してください(自動更新が無効になります)
  3. プラグインを閉じてからインスタンスの高さ等を変更した場合、次にプラグインを起動したとき、テキストが自動更新されます
  4. コンポーネントのスタイルは変更可能ですが、フォントを変更すると動かなくなります


---


Automatically displays frame/component heights as text labels. Creates reusable scale components that sync their text content to match their actual height values in real-time.


  1. Launch the plugin and create components and instances.
  2. Change the height of the instance.
  3. The text will be changed automatically.


Note:

  1. Automatic text updates only work while the plugin is open.
  2. If you want to edit the text manually, detach the instance.(This will disable automatic updates.)
  3. If you change the height of the instance after closing the plugin, the text will be automatically updated the next time you launch the plugin.
  4. The style of the components can be changed, but changing the font will cause them to become unresponsive.

Plugin Details

Version6
CreatedAugust 8, 2025
Last UpdatedAugust 15, 2025
Categorydesign-tools-other
Creatormiral
Stats0 installs, 0 likes
PricingFree

Technical Details

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