OPEN GROUND 0.8.0
English
Canvas, rebuilt as a Figma-style design editor. The per-project Canvas tab now works the way you expect from a real design tool.
New layout
- Docked three-pane shell: Pages + Layers on the left (search, tree with type icons, hover highlights synced with the canvas), a permanent Design panel on the right, and a bottom tool pill.
- Zoom control (fit / 100% / ±) and ⌘\ to hide both sidebars for a focus mode.
Auto layout v2 (Shift+A, as before)
- Main-axis alignment incl. space-between (set Gap to "Auto"), Hug contents / Fill container sizing per axis, per-side padding, and a 3×3 alignment grid in the Design panel.
- Dragging inside a layout frame shows a live insertion bar and siblings make room; new elements created or pasted onto a frame join the flow at that spot; children re-pack live while you resize the frame; text reflows its siblings as it grows.
Selection, Figma-grade
- Rotation by hovering just outside a corner (Shift snaps to 15°, live angle badge) — the old rotation dot is gone.
- Resize from any corner or edge with rotation-aware cursors and a live W×H badge; Shift keeps proportions, Alt resizes from the centre, Esc cancels any drag.
- Multi-select editing in the Design panel with proper "Mixed" values.
Layers panel
- Search, range selection (Shift), drop into a frame from the panel, arrow-key navigation, and reliable z-order nudging in nested trees.
Also in this release
- "Open in editor" button and a branch-changes viewer in the project header.
- Custom tabs can now be attached per project via the "+" picker.
- Many stability fixes from three adversarial review rounds — including safer undo/Esc behaviour when a git-shared sync lands mid-drag, and small elements staying draggable at low zoom.
日本語
Canvas を Figma 流のデザインエディタとして再構築しました。 プロジェクトの Canvas タブが、本物のデザインツールの操作感になります。
新レイアウト
- ドック型 3 ペイン: 左に Pages + Layers(検索、型アイコン付きツリー、キャンバスと連動するホバーハイライト)、右に常設の Design パネル、下中央にツールバー。
- ズームコントロール(全体表示 / 100% / ±)と、⌘\ で両サイドバーを隠す集中モード。
オートレイアウト v2(従来どおり Shift+A)
- 主軸の配置に 均等配置(space-between) を追加(Gap を「Auto」に)。軸ごとの Hug / Fill サイズ、上下左右独立のパディング、Design パネルの 3×3 配置グリッド。
- レイアウトフレーム内のドラッグで挿入バーが出て兄弟が場所を空けます。フレーム上での新規作成・ペーストはその位置のフローに挿入。フレームのリサイズ中も子がライブで再配置。テキストが伸びると兄弟を押し出します。
選択まわりも Figma 同等に
- 回転は要素の角の少し外側にカーソルを置いてドラッグ(Shift で 15° スナップ、角度バッジ表示)。従来の回転ドットは廃止。
- 4 隅と 4 辺のどこからでもリサイズ。回転に追従するカーソル、W×H バッジ、Shift=比率維持 / Alt=中心から、Esc でドラッグをキャンセル。
- 複数選択でも Design パネルで一括編集(値が異なる項目は「Mixed」表示)。
Layers パネル
- 検索、Shift での範囲選択、パネルからフレームの中へドロップ、矢印キーでの移動、ネスト時も正しく効く重なり順の入れ替え。
その他
- プロジェクトヘッダに「エディタで開く」ボタンとブランチ差分ビューア。
- カスタムタブをプロジェクトごとに「+」ピッカーで追加できるようになりました。
- 3 巡の敵対的レビューによる多数の安定性修正 — git 共有の同期がドラッグ中に届いた場合の undo / Esc の安全化、縮小表示でも小さい要素を掴めるように、など。