Skip to content

OPEN GROUND 0.8.0

Choose a tag to compare

@github-actions github-actions released this 12 Jun 14:40
· 2 commits to main since this release

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 の安全化、縮小表示でも小さい要素を掴めるように、など。