Back to Plugins
Guide Editor

Guide Editor

ガイドの追加・削除が自動で行えます。WEBデザインでよく使用するコンテンツ幅とレスポンシブで使用する左右の余白がデフォルトで選択できます。

Plugin Preview

Guide Editor preview

About this plugin

ガイドの設置・削除を、クリックひとつで。


WEBデザインのレイアウト作成に欠かせない「コンテンツ幅」や「左右の余白(マージン)」のガイドを、自動で瞬時に作成するプラグインです。


主な機能

  1. プリセット選択: 740pxから1280pxまで、WEBデザインで頻用されるコンテンツ幅を網羅。
  2. レスポンシブ対応: スマートフォンやタブレット表示で重要な8px〜32pxの左右余白をワンタップで配置。
  3. カスタム入力: 自由な数値を入力して、独自のグリッドルールにも柔軟に対応。
  4. 一括削除: 増えすぎたガイドも、ボタンひとつで全てクリア。


こんな方におすすめ

  1. 毎回手動で計算して定規からガイドを引いている方
  2. レスポンシブサイトの作成時に、デバイスごとのマージン設定を効率化したい方
  3. デザインのグリッドシステムを正確に、素早く構築したい方

Plugin Details

Version1
CreatedDecember 27, 2025
Last UpdatedDecember 28, 2025
Categoryediting & effects plugins
Creatorst
Stats1 installs, 1 likes
PricingFree

Technical Details

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