設計の図と最後のページの距離は、たいてい両方が同じ組の規則で並べているかどうかに隠れている。

ブラウザを開けば作業に入れる

Penpot は公開された設計の基盤だ。公式は最初の頁で、共に作業する必要のある班のための公開の設計の道具と位置づけ、概要の頁では、設計する側と作る側をつなぐ網の上の設計の道具だと足す。実際に使う場面で最も直接的な違いは、ブラウザを開けば案件の中に入れることだ。重い利用者側の道具を先に入れる必要がなく、別の機械に移っても環境を組み直さずに済む。

公式は使命を明快に書く。公開されていて開かれた標準に従う基盤を提供し、設計と開発の間の協働を次の段階へ進める、というものだ。この一文が、書類の形式と並べ方の規則についての取捨を説明する。設計の成果が次の段階にすんなり渡せてこそ、協働が意味を持つ。

ブラウザの中で動くことには代償もある。書き出しておきたい。何百もの枠、画像、部品が載った画面は、機械と回線に頼る。一日中開いたままの案件と、見直しのときだけ開く案件では振る舞いが違う。大きな書類を扱う班は分割を覚えるが、その習慣は技術というより設計上の判断だ。

網そのものの規則で並べる

並べ方の模型が、この道具の変わったところだ。最初の頁は、CSS の格子と伸縮の組みで画面を設計できると明言する。前側が実際に使う組の規則だ。設計の図の中の余白と揃えが、最後のコードと一致できるので、受け渡しのときに手で換算する層が一つ減る。

設計の体系としては、設計の部品、本来の設計の変数、共有の保管を用意する。設計の変数は色や文字の大きさといった基礎の値を再利用できる項目に切り出し、一箇所を変えれば全体に届く。部品と共有の保管は複数の頁の間で一貫を保つ。長く手入れする画面の仕事では、この組み合わせは頁ごとに直すよりずっと楽だ。骨組みの図と動かせる試作が、構造から提示までの両端を覆う。

データをどこに置くかは使う側が決める

配備の仕方は、公式が繰り返し強調するもう一つの点だ。自分の所で動かす頁には、私的な雲、手元の環境、切り離された網の中でも動かせ、設計のデータの置き場所と閲覧の権限は使う側が完全に握るとある。データを内側の網から出したくない班にとって、この一条は機能の一覧より重いことが多く、公開の形でしか成り立たない。

値段の頁も公式の言葉のままだ。無償の段は機能が完全で、数の制限もなく、省かれた機能もない。大きな組織向けの有償の段を別に用意し、統制と手順の求めに応じる。コードは Mozilla 公共許諾の第 2 版で公開の保管所に出ており、源を取得して自分で組み立て、配備できる。設計の成果も自分のものだ。

この組み合わせから二つのことが従う。一つは良いことで、一つは先に決めておくべきことだ。条件が変わっても移転を強いられず、更新も強いられない。つまり、ある実例がどの版で動くかは、誰かが責任を持つ判断になる。自分の所で動かすのは始めは安いが、手入れの要る役務でもあるので、誰が担うかを早めに決めておくのがよい。

書類と並べ方の標準を使う側の手に置くことが、協働に堅い土台を与える。

使い方の提案。まず設計の変数と部品の保管の基礎の項目を決めておくと、後から足す頁がずっと滑らかに進む。古い案件を移すときは、並べ方の規則が前側と合っているかを先に確かめ、受け渡しの段で作り直さないようにする。データを内側の網に置く必要があるなら、自分の所での配備を早めに一度試し、利用者の識別と権限も一緒に決めておく。