Back to Plugins
Chocolate Grid

Chocolate Grid

コンテンツ幅を基準にグリッドレイアウトを生成するプラグイン

Plugin Preview

Chocolate Grid preview

About this plugin

Webデザイン、ワイヤーフレームの作成で活躍。

グリッドレイアウト時短ツール。

コンテンツ幅からセル幅・セル間の余白を算出したいときに便利。

デザイナーからコーダーへwidth/marginなどCSSの値を伝えるときにも役立ちます。


主な機能

  1. 入力したコンテンツ幅を軸にグリッドレイアウトを生成
  2. 任意の行・列を生成
  3. セル間の余白を設定
  4. 余白の単位はpx・%に対応(%はコンテンツ幅から算出)
  5. セルのアスペクト比は黄金比(4/3・3/2・16/9・1/1)から選択
  6. 生成したセルを再レイアウト可能
  7. セルの塗りor塗りなし選択可能
  8. テキストレイヤーでナンバリング生成


ターゲットユーザー

- Web designers

- UI/UX designers

- Japanese developers

Plugin Details

Version1
CreatedSeptember 3, 2025
Last UpdatedSeptember 10, 2025
Categoryshapes-colors
Creatorさとみ
Stats4 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