GAP KANSI

About this plugin

GAP KANSI は、選択したフレームの「見た目どおりのレイアウト」を解析して、スタック（縦/横）・グリッド・フロー・自由配置を自動判定し、要素間の余白（ギャップ）や位置関係をミニマップで可視化するプラグインです。

解析結果は、階層を指定した「再帰的なレイアウト構造」としてJSONまたはAI向けプロンプト形式でエクスポートできるため、Figma内部構造に引きずられず、実装しやすいクリーンなHTML/CSSやコードを作るのに役立ちます。

GAP KANSI is a Figma plugin that analyzes the visual layout of the selected frame, automatically detecting vertical/horizontal stacks, grids, flows, and free layouts while visualizing gaps and positions between elements on a minimap.

You can export the analysis as a recursive layout structure in JSON or as an AI-ready prompt, helping you generate clean, implementation-friendly HTML/CSS and code without being constrained by Figma’s internal Auto Layout structure.