動きの試作にコードは要らない:Origami Studio の画布とパッチ

要約

Origami Studio は画布の組みと、パッチという視覚的な論理の道具を並べ、移り変わりや手の動きをコード無しで作らせ、実機の上で試させる。個人なら無料、ただし Mac のみ。

おすすめ
ソフト名
Origami Studio
バージョン
226
オープンソース
非オープンソース
OS
macOS
公式サイト
https://origami.design/
更新日時
2026-10-06 19:12

大きな社交の場の設計班で育ち、後から外に開かれた

インタラクション設計の道具箱にある大半の試作道具は、流れを描き、頁をめくるのが得意で、動きが複雑になったり、本物のセンサーが絡んだりした瞬間に手が止まる。Origami Studio は無料の試作道具で、ある大きな社交の平台の設計班から生まれた。長いあいだ自社の製品でインタラクションの考えを試すために使われ、その後で外に開かれた。描画と動きと論理がひとつの作業場所に収まり、個人の使用は一切かからず、2026 年 9 月の時点で第 226 版まで進み、二、三週に一版という巡りを保っている。

Origami Studio の作業場所

画布とパッチ、二本の足で立つ

画面は二つの層に分かれる。画布の層は見たままを担い、図形を自由に描き、文字をその場で直し、部品を置いていく。動きのある組みは、画布の大きさが変われば自分で応じる。パッチの編集は、積み木の形をした視覚のプログラミングだ。一つひとつの部品を線で繋ぎ、画面の属性の入力口に渡せば、要素は決められたとおりに動く。コードを書かない作り手でも、部品を幾つか引っぱれば、転がりの視差や条件による跳びを拵えられる。論理に慣れた人なら脚本の部品で難しい計算も書ける。画布が見た目を、パッチが振る舞いを受け持つ。この分け方が、頁をめくるだけの道具との境目になる。

インタラクションの部品を編集する

実機の力を、そのまま試作に繋ぐ

ここが最も鋭い部分だ。試作は携帯の本来のハードウェアを直接呼べる。写真、マイクの音量、振動の返し、位置の地図、加速度とジャイロの値まで、どれにも既製の部品がある。だから見本は「それらしく見える」だけのものではない。本当に振れる、本当に位置を知る、本当に震える生きた試作になる。付属の携帯アプリが試作を実機の画面に映すので、レビューの場で携帯を一圈り手渡すほうが、資料をめくるより速く伝わる。試作はそのまま画面を録って映像として書き出せるので、開発に渡すにも、提案に載せるにも手間が省ける。

実機での見本

設計の図から、動く試作まで

よく使われる設計の道具との繋ぎは滑らかだ。ベクターの描画の道具から写した図形と文字の層は、貼っても編集できる層のままで届くので、描き直しが要らない。別のよく使われる設計の応用のファイルも読み込める。速さの面では近ごろの版で大きく改善し、パッチの編集と見本の応答は目に見えて速くなった。シェーダーの層、流体ばねの動き、脚本の部品の補助生成といった進んだ力も順に加わっている。始める前に二つ知っておきたい。Mac の版しかなく、Windows の人は今は手が届かない。そしてパッチの仕組みは学びの坂が険しく、公式の説明を何日か読む気のある互動と動きの作り手に向く。

動きの見本

実際の案件でどう使うか

よくある使い方は三つ。動きを決めるときは、移り変わりと、手の動きに指が付いていく細部をパッチで整え、実機で何度も確かめ、手触りが決まってから開発に渡す。作り直しの遠回りがかなり減る。設計の仕組みを建てるときは、部品を使い回せるインタラクションの塊にして、班の人が同じインタラクションの言葉をそのまま使えるようにする。何かを見せるときは、実機の上の試作が静止した図よりずっと説得力を持つ。客や上長がその場で触れるからだ。学ぶ材料も薄くない。公式の説明は部品ごとに分けて細かく書かれ、共同体には既製のパッチの組み合わせが多く転がっていて、外して読める。

作り手の手元に何が残るか

返ってくるものは具体的だ。確かめたインタラクションの細部は、開発と話すときの共通の言葉になり、「作ったものが思っていたのと違う」という落差を縮める。二週に一版の巡りが、新しい力と端末への対応を途切れさせないので、今これを選んでも後で置いていかれる心配は小さい。代わりに要るのは始めの時間と、一台の Mac だ。頁をめくる試作では言い表せない種類のインタラクションのためなら、その取り引きは弁護しやすい。

Origami Studioダウンロード
対応OS: macOS