Lolly の使い方

アプリを実際に使うための実践ガイドです。ツールを開き、キャンバスで作業し、書き出し、保存し、共有するまでを扱います。ここで扱う処理はすべてお使いのデバイス上で動きます。アカウントもアップロードも不要で、すでに開いた画面についてはインターネットも必要ありません。

はじめてですか。クイックスタートなら数分で制作を始められます。アプリの導入や配備については運用者向け Lollyをご覧ください。このページは、開いたあとの操作を扱います。

ツールを開く

ホーム画面はギャラリーです - すべてのツールがカテゴリー別にまとまっています。カードをクリックするとそのツールで新しく作り始められます。保存した作業はプロジェクトから再開します。検索ボックスで名前を絞り込むか、一覧系の6画面(ギャラリー、ユーティリティ、プロジェクト、アセット、Dashboard、プロフィール)の下部にあるバーから検索を使うと、ツールだけでなく保存した作業やアセット、設定にも届きます。ツールの中では、このバーはツール自身の操作領域に場所を譲ります。

ナビゲーションの例とNewアクションを示すギャラリーカード signed by Lolly2026-10-21vector SVG20 paths~4.5k nodes31 groups59 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG20 paths~4.5k nodes31 groups59 KB自分で確認する署名済みファイルを取得Try it in the app

どのツールも分割ビューです。一方にコントロール、もう一方にライブのプレビュー（キャンバス）があります。コントロールを変えると、プレビューは即座に更新されます。

あるツールの分割ビュー - 左側にコントロールスタック、右側に描画されるライブのグループ棒グラフ signed by Lolly2026-10-21vector SVG129 paths~6.3k nodes157 groups1 image142 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG129 paths~6.3k nodes157 groups1 image142 KB自分で確認する署名済みファイルを取得

一部のツール（Design など）は代わりにフリーキャンバスとして開きます。装飾のない直接操作の作業面で、テキスト・図形・画像のボックスをドラッグ、リサイズ、回転、スナップでき、ダブルクリックでその場でテキストを編集できます。書き出しは他のツールと同じレンダーパスを通るため、キャンバスがそのままファイルになります。下のフリーキャンバスをご覧ください。

グリッド自体を自分好みに整える方法は 2 つあります。

よく使うものにスターを付ける。 カードに ★ を付けると、グリッド上部の帯に専用の大きなタイルとして並びます。お気に入りをご覧ください。
使わないツールを隠す。 カードを右クリック（または複数選択して選択バーを使用）→ Hide tool。そのツールはグリッドから外れ、グリッドで入力して探しても出てこなくなります。末尾にあるグレーの Show hidden tools (N) タイルで、薄く表示された状態で再び現れ、それぞれのメニューに Unhide tool が入ります。非表示はあなたのグリッドだけの話です。保存したリンクやブックマークからは今までどおり開きますし、他の人の画面では元のままです。

非表示ツールを表示した Tools グリッドの末尾。薄く表示された QR Code Generator のカードと、その隣で表示を切り替えたグレーのタイル（今は Hide hidden tools と表示） signed by Lolly2026-10-21vector SVG348 paths~31k nodes790 groups6 images2,083 KB自分で確認する署名済みファイルを取得非表示ツールを表示した Tools グリッドの末尾。薄く表示された QR Code Generator のカードと、その隣で表示を切り替えたグレーのタイル（今は Hide hidden tools と表示） signed by Lolly2026-10-21vector SVG348 paths~31k nodes790 groups6 images2,084 KB自分で確認する署名済みファイルを取得

複数のカードをまとめて操作するには、各カードのチェックボックスをオンにするか、空白部分をドラッグして選択ボックスを描くか、Shift/Cmd-clickすると、フローティングアクションバーが現れます。選択バーに並ぶ操作はビューによって少し異なります。すべての操作がどこでも意味を持つわけではないからです:

ツール / ユーティリティ: お気に入り(またはお気に入り解除)、非表示にする(または再表示)、オフラインで利用可能(またはオフラインから削除)、セッションを表示(そのツールで作ったセッションだけを表示するプロジェクトを開きます)、そしてカードをちょうど1枚選んでいるときのリンクをコピーです。
アセット: お気に入りと非表示にするはどの選択にも使えます。重複、ダウンロード、削除は、選んだものがすべて自分のアップロードである場合にのみ表示されます - 共有のデザインシステム素材は恒久的な取り決めなので、一括操作でもこの3つは対象外です。
プロジェクト: 作業を見つけて復元するをご覧ください。

名称の紛らわしい点が1つあります。セッションを表示は何かが選択されているときにだけ現れます。選択していないカードを右クリックすると、代わりにN件の保存済みセッションが表示され、そのツールの保存済みセッション一覧が開きます。そこでの削除はプロジェクトへ移動するのではなく、そのセッションをゴミ箱に移動します。

signed by Lolly2026-10-21vector SVG22 paths~1.5k nodes22 groups26 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG22 paths~1.5k nodes22 groups26 KB自分で確認する署名済みファイルを取得

Ask Lolly

探すより尋ねたいときは、Ask Lolly（#/ask）に質問を入力すると、このドキュメントの該当箇所がそのままの文面で返ってきます。要約でも生成でもなく、ガイド自身の言葉です。出典ページが示され、隣に Open in docs リンクが付きます。回答の下には、同じ質問に一致するアプリ内の場所（ツール、設定、保存したプロジェクト）がボタンとして並び、押すとそこへ移動します。

やり取りはセッション内の記憶です。追加で質問すればスレッドが積み上がり、再読み込みすると新しく始まります。検索結果の最下部には、他のグループが見つけた具体的なヒットの下に *Ask Lolly: 入力した語句*** の行があり、その質問をそのまま引き継ぎます。バーで始めて、ここで終えられます。

キャンバス（プレビュー）

プレビューには、書き出される内容がそのまま表示されます。

デスクトップ

ズーム: Cmd/Ctrl キーを押しながらスクロール、またはトラックパッドでピンチします。ポインターの位置を中心にズームします。
パン: Space を押しながらドラッグ、またはマウスの中ボタンでドラッグします。（通常のクリックは、デザインの各部分をクリックするために空けてあります。）
キーボード: 0 = ウィンドウに合わせる · 1 = 100% · + / − = ズーム。
ズーム HUD: 隅にある小さな − NN% + Fit コントロールです。パーセント表示をクリックすると Fit ↔ 100% を切り替えます。

signed by Lolly2026-10-21vector SVG62 paths420 nodes36 groups42 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG55 paths407 nodes36 groups41 KB自分で確認する署名済みファイルを取得

タッチ

ピンチでズーム、ドラッグでパン、ダブルタップで全体表示に戻します。フリーキャンバスでは、選択したオブジェクトの上で2本指を使うと、ビューではなく選択範囲をスケール、回転、移動します（リサイズ、スケール、回転をご覧ください）。

クリックでコントロールへ移動: デザイン内の要素をクリックすると、対応するサイドバーの入力にフォーカスが移り、画面内にスクロールします。繰り返し行のグループなら、クリックした行がそのまま開くので、見えているものをすぐに編集できます。

サイズを変更すると、表示は必ず全体が収まる状態に戻ります。

フリーキャンバス（Design）

フリーキャンバスのツールは、アートボードのまわりに作業領域を足します。デザイナーの台紙のようなものです。

キャンバス外での仮置き。 ボックスをフレームの外へドラッグしても、表示されたままで選択もできます。構図を整える間は要素を脇に置いておき、あとで戻せます。フレームの外はすべてうっすらと薄く表示されるので、書き出し範囲がひと目で分かり、フレームの影がファイルの始まる位置を示し続けます。
書き出されるのはフレーム内だけ。 書き出されるファイルはアートボードの範囲に収まります。外に置いたもの（や端からはみ出た部分）は、ラスターでもベクターでも出力から単純に切り取られます。
フレームの遠くに要素を置いたときは、Fit より先までズームアウト（20% まで）すると台紙全体が見えます。
アートボードはサイズを変えられます。 書き出しサイズを変えるとフレームがその場でリサイズされます。ボックスの位置は変わらないので、既存の内容に合わせてレイアウトを取り直せます。
書き出す前に。 インスペクターのドキュメントセクションが保存済みのレイヤー構造を確認し、続いて確定したキャンバスを読み取ってはみ出したテキストと単色コントラストをチェックします。SVG/PDF のアウトライン化に使うのと同じフォントレジストリーに、各テキストランに埋め込み可能なフォントバイトがあるかどうかも問い合わせます。画像とグラデーションの背景には、でっち上げのコントラストスコアを与える代わりに、目視確認が必要な項目という印が付きます。

Design のフリーキャンバス - アートボードとそれを囲む台紙 signed by Lolly2026-10-21vector SVG288 paths~14k nodes329 groups3 images282 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG281 paths~14k nodes329 groups3 images281 KB自分で確認する署名済みファイルを取得

選択範囲を反転する。 任意のボックスを右クリックしてFlip horizontalまたはFlip verticalを選ぶと、その場で反転できます。あるいはキーボードでShift+H / Shift+Vを押します - Shiftが必要なのは、単独のVがPointerツールに割り当てられているためです。選択された各ボックスはそれぞれの軸で反転し、1回のUndoステップにまとまります。反転は実際の変形なので、キャンバス上だけでなく書き出したSVG、PDF、PNGにも保持されます。

リサイズ、スケール、回転

オブジェクトを選択し、ハンドルをドラッグするとサイズを変更できます。選択範囲の下にある丸いハンドルをドラッグすると、オブジェクトを回転できます。サイズのドラッグには2つのモードがあります。

リサイズ（既定）はボックスだけを変更します。テキストは新しいサイズに合わせて折り返され、フォントサイズ、線の太さ、角丸の半径、効果はそのままです。
スケールはオブジェクトを内容ごと拡大・縮小します。フォントサイズ、線、角丸の半径、シャドウ、ぼかし、パディング、間隔がすべて同じ比率で変わります。

K を押すとスケールのオン・オフを切り替えられます。キーボードがない場合は、Lolly メニューでスケールモードを選ぶか、ツールレールのポインターボタンを長押し（または右クリック）してスケールを選びます。タッチ画面ではオブジェクトバーにもスケールのトグルがあります。スケールがオンの間は、ポインターボタンにスケールのアイコンが表示され、各ハンドルの中央に点が付きます。V または Escape でリサイズに戻り、選択は保たれます。ドキュメントを開いたときは常にスケールがオフなので、うっかり線をスケールしてしまうことはありません。スケールは1回ごとに元に戻す1ステップで、スケールというラベルが付きます。

数値でスケールする。 スケールがオンのとき、または複数のオブジェクトを選択しているときは、オブジェクトバーの数値表示をクリックするとスケールポップオーバーが開きます。割合、または幅か高さを入力し（残りの2つの値は連動して変わります）、3 x 3 のグリッドで動かさない基準点を選んで、適用を選びます。ドラッグは不要で、結果は元に戻す1ステップになります。スケールがオフのとき、複数のオブジェクトで変わるのはサイズと位置だけです。

複数のオブジェクト。 複数のオブジェクトを選択すると、角に加えて辺にもハンドルが表示されます。選択範囲のすべてのオブジェクトが正立しているか90度単位で回転していて、グループや円が含まれていなければ、角のドラッグで幅と高さを自由に変えられます。それ以外の場合、選択範囲は縦横比を維持します。ハンドルにはスケールのカーソルが表示され、ドラッグ中は数値表示に縦横比を固定と表示されます。リサイズまたはスケール中は、選択範囲の横に小さなラベルが表示され、サイズ（スケールモードでは割合）を示します。

ドラッグ中に押すキーは、押した瞬間・離した瞬間に反映されます（ショートカット一覧の ? にも載っています）。

押すキー	リサイズ・スケール	回転	移動
Shift	縦横比を維持（スケールでは常に維持）	15度ずつ回転	変化なし
Alt（Option）	中央を基準にする	自由に回転	スナップとグリッドをオフ
Cmd/Ctrl	スナップとグリッドをオフ	自由に回転	スナップとグリッドをオフ

キーを押していないときは、15度の倍数の4度以内に近づくと、回転がその角度に吸い寄せられます。アートボードは回転しないため、回転ハンドルはありません。

辺のどこでもつかめます。 ハンドルを正確に狙う必要はありません。選択範囲の各辺は全長にわたるリサイズ用のストリップになっていて、マウスやペンでは各角のすぐ外側に回転用の領域があります。ポインターは、ドラッグで何が起こるかを選択範囲の向きに合わせて表示します。ストリップや領域を押しても、ドラッグを始めて初めてリサイズや回転になるので、ただのクリックはこれまでどおり選択、選択への追加、選択解除として働きます。ロックされたオブジェクトには、ハンドル、ストリップ、領域がありません。

小さなオブジェクトも動かせます。 画面上で25ピクセル以下のオブジェクトでは、角に近づきすぎる中央のハンドルが非表示になり、ほかのハンドルは輪郭から少し外側に移るため、オブジェクトを押せばそのまま移動できます。10ピクセル以下では角のハンドルも消え、細い線は両端にハンドルが1つずつ残ります。細い線や極小のオブジェクトのすぐ横を押しても、ハンドルに触れていなければオブジェクトが移動します。

大きなつかみ領域。 タッチ画面ではつかみ領域が大きくなります。各角の領域は画面上の選択範囲の幅と高さの4分の1（24〜44ピクセルの範囲）で、各辺の領域は2つの角の間を覆います。選択範囲が小さすぎる場合は領域が輪郭の外側に移るので、中央を押せば選択範囲を移動できます。ポインターの下、または押さえている指の下の領域は網掛けで表示されます。マウスやペンでも同じ領域を使うには、Lolly メニューで大きなつかみ領域をオンにします。この設定はこのデバイスにだけ保存されます。

選択範囲の上で2本指。 タッチ画面で選択したオブジェクトの上に2本指を置きます。ピンチで選択範囲をスケールし、ひねると選択範囲を回転し、2本指を動かすと選択範囲を運べます。2本指の操作全体が元に戻す1ステップになります。スケールがオンなら、ピンチで内容もスケールされ、オフなら、ピンチで選択範囲が縦横比を保ったままリサイズされます。ひねりは15度に近づくとその角度に吸い寄せられ、2本指の移動はスナップしません。それ以外の場所で2本指を使うと、これまでどおりビューのズームとパンになり、2本指タップでメニューが開きます。1本目の指が選択範囲の上に置かれ、2本目が選択範囲の上かその縁のすぐ外側にすぐ続く必要があります。選択範囲にアートボードやロックされたオブジェクトが含まれる場合、ビューの大部分を占める場合、またはビューの端からはみ出している場合は、2本指でズームとパンになります。

レイヤーとインスペクター

レイヤーでは、アートボードごとに折りたたみ可能な親グループになります。名前を選ぶとそこへジャンプし、レイヤーを展開して、そのアートボード内のオブジェクトを選択したり並べ替えたりできます。サムネイルとページの並び替えにはページに切り替えます。矢印キーでレイヤー一覧を移動でき、左キーでアートボードの見出しに戻ります。

インスペクターは、選択したオブジェクトのテキストや画像のコントロールを先頭に置きます。手早く選ぶにはオプションチップを使い、スタイルの詳細を見るにはAdvancedを展開します。スマートフォンではその他の操作からインスペクターを開きます。コントロールはシートで開き、Escape または戻るで選択を保ったまま閉じます。

自分で図形を描く（ペン）

四角、円、角丸フレームでたいていのレイアウトは足ります。一覧にない形が必要なときは自分で描きます。ツールレールの Pen ボタン（または P キー）で描画モードに入ります。モードの切り替えは 3 つのキーで行います。V でポインターに戻り、P でペン、N でノードツール（Edit points）です。どのモードからでも、抜ける先は常にポインターです。

フリーキャンバスのツールレール。ドラッググリップ、Lolly メニュー、続いて Pointer、Add a box、Pen、Edit points、Line、Timeline、Artboards、Auto-arrange signed by Lolly2026-10-21vector SVG60 paths413 nodes40 groups42 KB自分で確認する署名済みファイルを取得フリーキャンバスのツールレール。ドラッググリップ、Lolly メニュー、続いて Pointer、Add a box、Pen、Edit points、Line、Timeline、Artboards、Auto-arrange signed by Lolly2026-10-21vector SVG60 paths413 nodes40 groups42 KB自分で確認する署名済みファイルを取得

クリックで点を打ちます。既定のカーブ種別では、クリックしてドラッグするとその点のハンドルが引き出され、角ではなく曲線が描けます。角にしたいときは Alt を押しながらクリックします。（他のカーブ種別では打った点はすべて角になり、ドラッグしても何も起きません。下の Spline type をご覧ください。）
点を打つ間、アートボードや他のボックスにスナップし、通常のドラッグと同じガイドが表示されます。描画中は Alt でグリッドを、あとから点をドラッグする際は Alt でグリッドと端の両方を抑止できます。
最初の点をクリックすると、ループを閉じて一度に描き終えられます。そのほか Enter を押す、ダブルクリックする、ツールを切り替える、のいずれでも終わります。描いたものは破棄されず残ります。
Escape は一段ずつ働きます。1 回目で描画を中止して何も書き込まず、2 回目でペンを抜けます。
描画中の Delete は、最後に打った点を取り消します。

できあがるのはキャンバス上のふつうのボックスです。移動、リサイズ、回転、グループ化、整列、重ね順の変更ができ、塗り、グラデーション、影、不透明度も設定できます。パスは他のボックスとまったく同じように振る舞い、どのコントロールも特別扱いはしません。

色も付いた状態で現れます。最初に描くパスにはブランドがパスに与える塗りと線が適用され、以降の新しいパスは直前に使った設定を引き継ぎます。塗りを一度決めればそのまま描き続けられ、図形ごとに色を付け直す必要はありません。（ブランドがパスについて何も定めていないツールでは、描いている最中に見えていた色で線が引かれるので、見えなくなることはありません。）

点をもう一度編集する。 図形をダブルクリック（またはオブジェクトバーの Edit points）すると点が戻ります。点をドラッグして移動、ハンドルをドラッグして向きを変え、曲線上のどこかをクリックして点を追加し、範囲選択して Delete で選択した点を削除します。パスは常に最低 2 点を保つので、誤って消し去ってしまうことはありません。

Spline type は打った点をどんな曲線でつなぐかを決めるもので、理解しておく価値のある選択です。

種別	動作
Smooth (auto)	既定です。ハンドルの長さを自分で求めるので、クリックを重ねるだけでハンドル操作なしに本当に滑らかな曲線になります。ハンドルを設定した場合は向きだけが固定され、長さは曲線側が持ち続けます。
Bezier handles	昔ながらのペンです。ハンドルが制御点になり、点を追加しても曲線は動きません。
Through the points	打った点をすべて正確に通ります。ハンドルはありません。
B-spline	点を通らず近くを流れ、より柔らかな形になります。
Straight lines	折れ線です。

既存のパスを、ハンドルを自分で求める種別へ切り替えるときは確認が入ります。設定したハンドルの長さは復元できないためです。Bezier handles への切り替えは常に無損失です。描画中は確認が出ません。切り替えは下書きにそのまま適用され、すでに引き出したハンドルもそれに従います。ハンドルを曲線側が持つ種別では、点を追加すると曲線がごくわずかに変化します。Bezier handles では変化しません。

各点は連続性の規則も持ち、キャンバス上の形で示されます。四角は Corner（ハンドルが独立して動く）、丸は Smooth（ハンドルが一直線を保つ）、輪付きの丸は Symmetric（一直線かつ同じ長さ）です。選択した点に設定すると、曲線はただちにその規則を満たし直します。

リンクからそのまま描画された 2 つのペンパス。線だけの S 字カーブと、閉じて塗られた不定形 signed by Lolly2026-10-21vector SVG5 paths38 nodes7 groups5 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG5 paths38 nodes7 groups5 KB自分で確認する署名済みファイルを取得

描いたパスも他と同じようにリンクに載るので、共有リンクから同じ図形が開き、CLI からも同一に描画されます。エディターに依存する部分はありません。

図形を組み合わせる（パス操作）

図形を 2 つ以上選び、キャンバスを右クリック（タッチでは 2 本指タップ）すると、ドローアプリでおなじみの操作がメニューに並びます。

Union は 1 つの図形に統合し、最前面の塗りを残します。
Subtract は最背面の図形から、その上のすべてを削り取ります。
Intersect は重なった部分だけを残します。
Exclude は重なった部分以外をすべて残します。

単一の図形に対する操作も 3 つあります。Outline stroke… は線を同じ輪郭の塗り図形に変換します（描いたとおりの太さを保ちたいときに便利です）。Offset path… はシルエットを外側に広げ、負の値なら内側に縮めます。Simplify は同じ形のまま、より少ないセグメントでパスを作り直します。

Subtract で作った三日月と、実際に穴の空いたリング signed by Lolly2026-10-21vector SVG5 paths47 nodes7 groups5 KB自分で確認する署名済みファイルを取得

結果はペンで編集し続けられる新しいパスです。穴は本物の穴で、線パネルの Fill rule が、重なった輪郭を塗る（non-zero）か、くり抜く（even-odd）かを決めます。

これらの操作があえて行わないことが 2 つあります。まず、壊すのではなく拒否します。重なっていない 2 つの図形を Intersect しようとすると、残すものがない旨が示され、何も変わりません。次に、テキストと画像のボックスは対象となる輪郭を持たないため、フレームで近似せずそのまま残します。組み合わせた結果は単純なベジェ曲線として保存されます。これはドローアプリでも同じで、元のスプライン種別は操作後には残りません。

3D シーン

ツールレールの追加メニューから3D シーンを選び、フレームをドラッグして作ります。新しいボックスに対して 3D Studio がすぐに開き、そこで設定した内容がキャンバスに反映されます。それ以外の点では、シーンボックスはふつうのボックスと変わりません。移動、リサイズ、回転、影付け、スライドやタイムラインへの配置ができ、他のボックスと同じように振る舞います。

シーンボックスが持つのは画像ではなくレシピです。 画像ボックスはレンダリング済みのファイルを保持しますが、シーンボックスが持つのは設定ひとつ、つまりシーン自体を 3D Studio 独自のリンククエリとして書き出したもので、スタジオの既定値のままの項目はすべて省かれます。だからこそシーンは、レシピ全体にかかる数キロバイトではなく百バイト程度で済み、同じ文字列が共有リンクでもエディターの入口でも動作し、スタジオに新しいコントロールが増えても Design 側は変更不要なのです。また、これによりボックスは以前撮った画像を拡大するのではなく、ドキュメントが求めるサイズと瞬間でそのつど再レンダリングされます。シーンが使う画像はアセットのままで id で参照されるため、シーン内でのアップロードはドキュメントの他の部分と一緒に .lolly ファイルへ入ります。

スタジオで編集する。 ボックスを選択すると、インスペクターに3D シーンセクションが表示されます。シーンが何でできているかを示す行、照明スタジオを選んだあとに表示されるその名前の行、そしてEdit in 3D Studioボタンがひとつです。このボタンは、そのボックスのシーンをツールの全コントロール付きでスタジオに開きます。Apply すると編集したシーンが1ステップとして書き戻されるため、1回の Undo で元のシーンに戻せます。Apply せずにスタジオを閉じれば何も変わりません。ボックスに関するそれ以外のこと - アートボード上の位置、大きさ、影、スライドに現れるタイミング - は、いつもと同じセクションのままです。シーンボックスは自身の画像もキャプションも持ちません。絵はスタジオから来て、文字もそこで設定されます。

動くシーンはひとつ、他のボックスはすべてポスター。 ドキュメント内のすべての3Dボックスはポスター、つまりシーンの静止画を、共有レンダラープールを使って画面外でそのボックスが占める大きさに描いたものを表示します。20個のシーンがあるドキュメントでも、描画コンテキストは20個ではなく1個で済みます。シーンボックスを選択すると、それがドキュメント内で唯一動くシーンになり、選択を外すと画面上にあったフレームがそのままポスターになるので何も飛びません。動くシーンは常に1つだけで、2つのシーンボックスを同時に選択すると両方ともポスターのままです。このリリースでは、動くシーンは見るためのものであり、視点を回すためのものではありません。シーンを変えるにはEdit in 3D Studioを使います。浮動小数点のグラフィックスコンテキストを開けないデバイスは、空白の四角形を出す代わりにポスターを保ち、その理由をボックス内に表示します。ドキュメントの他の部分には影響しません。3Dボックスのない Design ドキュメントを開いても、3D関連のコードはいっさい読み込まれません。

タイムライン上では、シーンボックスは動画クリップと同じように再生ヘッドに追従します。開始位置、クリップイン、速度がシーン自身のアニメーションを動かし、シーンの長さは 3D Studio で設定した長さのままなので、ボックスを短くトリミングすると、速くなるのではなくシーンの一部だけが表示されます。動いているのは選択中のシーンボックスだけで、それ以外はすべて静止画であり、静止画はスクラブに反応しません。

書き出しでは、各シーンがスタジオと同じレンダラーを使ってファイルに必要なサイズで新しく描かれます。動画はシーンごと・瞬間ごとに1フレームをレンダリングし、PNG、SVG、PDF はボックスごとに、そのボックス自身のピクセルサイズで1枚の画像を埋め込みます。画面から写し取るものは何もないため、書き出しはどのボックスを選択していたかに左右されません。描画できないシーンは書き出しを失敗させ、スタジオ自身の言葉でその理由を伝えます。

自分でアップロードした素材で作ったシーンを共有する。 Design ドキュメントの共有リンクは、画像ボックスなら空白にする場面でも、シーン内のデバイスローカルなアップロード id をそのまま運びます。そのため、アートワークやモデルが自分でアップロードしたファイルであるシーンは、.lolly ファイルとしてバイト列ごと運ばれない限り、他の人のデバイスではその画像の部分がスタジオの既定値で表示されます。

タイムライン（シーケンス）

シーケンスは Design のタイムラインで、フリーキャンバスに時間を加えます。どのボックスもある瞬間に開始し、一定の長さだけ再生され、出入りのアニメーションを付けられます。それらを並べる場所が、アートボードの下に固定されたタイムラインです。開くとすでにシーケンスが再生されています - タイトルカード、クリップ、エンドカード、ローワーサード、音楽ベッドがあり、何も変えないうちからその仕組みが見えています。

シーケンスのタイムライン:トランスポート、ルーラー、オーバーレイレーン、クリップと継ぎ目チップを備えたマグネットのようなシーケンス行、Always on ストリップ signed by Lolly2026-10-21vector SVG63 paths~8.8k nodes132 groups105 KB自分で確認する署名済みファイルを取得シーケンスのタイムライン:トランスポート、ルーラー、オーバーレイレーン、クリップと継ぎ目チップを備えたマグネットのようなシーケンス行、Always on ストリップ signed by Lolly2026-10-21vector SVG63 paths~8.8k nodes132 groups105 KB自分で確認する署名済みファイルを取得

行には 2 種類あり、その違いこそが要点です。

シーケンス行はマグネティックです。クリップは隙間なく次々に並び、ドラッグすると穴を残さず並び順が変わります。クリップを削除すると残りが詰まります。これが作品の背骨です。
オーバーレイレーンは自由です。ローワーサード、ロゴ、キャプションなど、背骨の上に独自のタイミングで重なるものは、それぞれ専用のレーンと開始時点を持ちます。
その下の Always on には、タイミングをまったく持たないボックスがまとまります。最初から最後まで置かれているだけの背景要素です。チップの + でレーンに引き上げ、Make always on で戻します。

編集ステージ:中央に配置されたアートボード、左側のツールレール、隅にあるズームHUD signed by Lolly2026-10-21vector SVG326 paths~20k nodes444 groups2 images358 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG319 paths~20k nodes444 groups2 images357 KB自分で確認する署名済みファイルを取得

タイムラインを開くとキーボードの操作対象がタイムラインになり、Space と矢印キーはページではなく再生ヘッドを動かします。すでにタイミングを持つコンポジションでは自動的に開くため、シーケンスが読み込まれた時点からそうなります。

シーケンスエディターでは、時間軸の編集が予測どおりに感じられるかを左右する 4 点をさらに詳しく扱います。キャンバスのクリックがどのクリップを編集するか、隣接クリップのオニオンスキン、分割の適用範囲とカットを取り消す Join、そしてトリミング（キーボード操作を含む）です。タイムラインにフォーカスした状態で ? を押すとショートカット一覧が開きます。

編集。 クリップの中央をドラッグすると移動や並べ替え、端から数ピクセル以内をドラッグするとトリミングになります。Split at playhead（または S）で 1 つのクリップを 2 つに切ります。分割には実際の Length を持つクリップと、その内側に少し入った再生ヘッドが必要なので、終端の定まらないクリップ（たとえば音楽ベッド）は分割できません。Snap to edges は既定で有効で、クリップの端、再生ヘッド、秒の区切りにスナップします。Alt で一時的に外せます。ドラッグは 1 回で 1 つの取り消し単位になり、ドラッグ中のプレビューは確定時と同じ計算を行うため、見えているとおりの結果になります。

クリップを選ぶと、インスペクターで同じ編集を数値で行えます。Length、Trim in（素材のどこから始めるか）、×0.25 から ×4 までの固定倍率で選ぶ Speed、長さを伴う Animate in / Animate out、そして Mute clip です。マグネティック行のクリップに Start 欄がないのは意図的です。順序は行が持つため、移動はドラッグで行います。

トランジションはキーフレームではなくプリセットです。Fade、Pop、Grow、Rise、Drop、4種類の Slide、Zoom in と Zoom out、Tilt、Swoop、Spin、Drift、そしてCut (no animation)があります。移動量はオブジェクトに応じて拡大縮小するので、同じプリセットが画面いっぱいのカードでも小さなバッジでも正しく見えます。シーケンス行で隣り合う2つのクリップの間には継ぎ目チップがあります。クリックしてCutかCrossfadeを選ぶと即座に適用されて閉じます。同じチップをもう一度開くとLength (ms)を変更でき、Doneを押します。クロスフェードは一方のフェードアウトと次のフェードインの組として保存され、実際のディゾルブはその組から導かれます。最初のクリップはカットを過ぎても再生を続けながらフェードアウトし、次のクリップはその下でフェードインします。プレビューとファイルは同じ規則に従うので、継ぎ目で見えるものがそのまま書き出されます。

音。 Audio クリップを追加すると、他のクリップと同じようにタイムライン上に置かれます。波形、トリミング、ミュートが使えます。（既定のセッションに入っている生成音のベッドだけは例外で、書き出し時に合成されるため、レンダリングするまでバーは無地のまま無音です。）マイクを押すと、カウントインとレベルメーター付きでナレーションをそのままタイムラインに録音でき、録ったテイクは開始した位置に自分のアセットとして保存されます。その隣にあるカメラを押すと、同じ要領で動画を録画できます。録画中、テイクはアートボードの書き出しサイズに合わせて随時トリミングされるため、小さなセルフビューには再生ヘッド位置のシーケンスに入る内容がフルフレームでそのまま映ります - 共有リンクから同僚のクリップを取り込む方法でもあります。音楽、会話、クリップ自身のサウンドはすべて書き出し時のミックスに入ります。（書き出しパネルの Audio track は別物で、クリップ全体の下に敷く 1 本のベッドをフェードとダッキング付きで扱います。両者は併存します。）

オーディオストリップ。 音を含むクリップを選択すると、タイムラインの下にコンパクトなストリップが開きます。Volumeフェーダー、ステレオ定位のPan、3バンドのEQ(Low、Mid、High)、声の質感を保ったまま半音単位で移調するPitchコントロール、そして静かなボイスメモと大きなトラックの音量を揃える放送ラウドネス(BS.1770)にクリップを合わせるNormalize volumeがあります。2つのクリップが接する場所では、カットの代わりにCrossfadeが継ぎ目をなじませます。Effectスロットはクリップにデバイス上の処理を実行し、Voice cleanupは録音から部屋鳴りとヒスノイズを取り除きます。速度変更でもピッチは保たれ、遅くしたり速めたりしたクリップはチップマンク化せずタイムストレッチされます。書き出し時にはどのミックスでも、セリフの出入りに合わせて音楽をダッキングし、番組全体をトゥルーピークリミッターの下に収めるので、出力時にクリップ(音割れ)は起きません。クリップしてしまうはずだった波形には、その位置に警告が描かれます。

音楽クリップを選択した状態のタイムライン。下部にSpeed、Fades、Volume、Pan、EQ、Pitch、Normalize volume、Effectスロットが並ぶストリップが表示される signed by Lolly2026-10-21vector SVG88 paths~5.8k nodes138 groups2 images86 KB自分で確認する署名済みファイルを取得音楽クリップを選択した状態のタイムライン。下部にSpeed、Fades、Volume、Pan、EQ、Pitch、Normalize volume、Effectスロットが並ぶストリップが表示される signed by Lolly2026-10-21vector SVG88 paths~5.8k nodes138 groups2 images86 KB自分で確認する署名済みファイルを取得

書き出し。 モーションの書き出しは画面録画ではなく決定論的な合成です。各フレームは正確な時刻で復号、描画、符号化されるため、ファイルの内容はマシンの処理速度に左右されず、MP4 や WebM では実用上のフレーム数の上限もありません。長さを入力しない限り、尺はタイムライン自身の長さになります。Content Credentials は他の書き出しと同様に付与されます。静止画で書き出すと再生ヘッド位置のフレームが得られ、出力サイズの隣の Frames 欄からはコンタクトシート全体も作れます。書き出しをご覧ください。

覚えておきたい制限がいくつかあります。シーケンスの上限は1時間です。GIF とアニメーション PNG はフレームをバッファーするため短時間向きです。速度を変えたクリップもピッチは保たれます(オーディオストリップがタイムストレッチを行い、Pitchコントロールは声の質感を保ったまま半音単位で移調します)。また、ここでは合成による書き出しのほうが適しているためRecord liveは表示されません。

プリセットの先へ:キーフレーム、奥行き、そしてカメラ。 トランジションはクリップが現れて消えるまでの間をアニメーションさせます。クリップの内部でボックスをポーズさせる - 漂わせる、フェードさせる、ぼかす、ページから浮かせてまた落ち着かせる - にはキーフレームを追加します。クリップを選択し、+Keyframe(タイムラインのツールクラスターにあるひし形、キャンバスのオブジェクトバーにあるひし形、またはK)を押すと、再生ヘッドの位置によって次の編集がどのポーズを書き込むかが決まります。同じキーフレームシステムは、あらゆる時間指定コンポジションにカメラを与え、ズームイン、パン、フォーカス送りを行い、1枚のフラットなSVGを、その間を飛び回れるレイヤーのスタックへと変えます。アニメーションが完全なガイドです。

Design ツールにも同じタイムラインがあるので、別のツールに移らずにレイアウトへ時間を与えられ、モーションの書き出しもできます。

プレゼンテーション

カメラ映像とロゴ、名前のキャプションを観客に見せる映像の上に重ねるには、Present with cameraを使います。専用のコントロール、保存したシーン、共有と録画の手順はカメラでプレゼンテーションするで扱います。下記のふつうのデッキ操作はプレゼンからそのまま使えます。

アートボードで構成された Design のドキュメントは、それだけでスライドです。ツールレールの Lolly メニューを開いて最下段の Present を選ぶと、各アートボードがキャンバス上の並び順どおりに全画面のスライドになります。スライドはレンダリング済みアートボードの複製で動くため、下にあるエディターには一切触れず、終了すると元の状態にそのまま戻ります。

Advance(進む)は Space、→、Page Down、または画面右端のストリップのクリックで行います。戻るには ←、Page Up、または左端のストリップを使います。Home と End で最初と最後のスライドへジャンプします。ポインターを動かすと小さなコントロールバーがフェードインし、止まると再び隠れます。
Overview(概観)(O またはグリッドボタン)は、すべてのアートボードをキャンバス上で指定した配置のまま一度に並べます。クリックすると開きます。
Reveal steps(ステップごとの表示)。ボックスを右クリックし、既定の Always visible(常に表示)の代わりに Reveal at step 1、2、3 のいずれかを選びます。そのボックスは対応するステップまで進むまで表示を待つため、スライドを段階的に見せられます。同じ番号を共有するボックスは同時に現れます。
Speaker view(発表者ビュー)(S)は、現在のスライド、次に来るスライド、そのスライドのメモ、経過時間を表示する第2ウィンドウを開きます。ブラウザがポップアップをブロックした場合は、デッキ上のパネルにフォールバックします。メモはアートボードごとに設定され、スライド自体には表示されません。
B で画面を黒くします(何かキーを押すとスライドに戻ります)。F はフルスクリーンに戻り、Escape は一段階ずつ戻ります: 概観からデッキへ、デッキからエディタへ。
Kiosk(キオスク)。アートボードに Length(表示時間)を設定すると、デッキはその時間だけそこに留まり、細い進行バーの後ろで自動的に次へ進みます。K(または、何かに表示時間が設定されて初めて現れる一時停止ボタン)でこれを停止・再開できます。リンクに kiosk を追加すると、デッキは終端で最初に戻るようになり、これによってサイネージとして機能します。

サブスライドスタック。 アートボードを右クリックして前のスライドの下に積み重ねますを選ぶと、独立したスライドではなくそのスライドの1ステップになります。概観では1枚のカードとして表示され、デッキはスタックを順に進み、インスペクターのStack行がどのスライドに属するかを示します。
モーフ。 連続する2枚のスライドが同じMorph match名を持つボックスをそれぞれ持っている場合(ボックスを右クリックするか、インスペクターのMorph match行で指定します。たとえばhero)、トランジションはカットする代わりに、そのボックスを元の位置から新しい位置へ、途中でサイズと色を変えながら移動させます。デッキ全体のMorphトランジションは、一致するすべてのペアに対して同じことを行います。
ナレーション。 各アートボードのSpeaker notesは読み上げられます。インスペクターのDocumentセクションでVoiceを選び、必要ならBlend withでブレンドする2つ目のボイス、読み上げのSpeed、各スライドの前後に置くLead-inとTail(ミリ秒)を選びます。Show captions when presentingをオンにすると、話されている言葉がそのまま字幕として現れます。ボイスはデバイス上で動作します。同じノートは、動画書き出しではその映像に、PowerPoint 書き出しでは実際のスライド音声になり、SCORM パッケージの中ではナレーション付きの映像になります。

インスペクターのDocumentセクション:Voice、Blend with、Speed、Lead-in、Tail、Show captions when presenting signed by Lolly2026-10-21vector SVG60 paths~6.2k nodes101 groups1 image83 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG60 paths~6.2k nodes101 groups1 image83 KB自分で確認する署名済みファイルを取得

デッキはリンクでもあります。?presentで直接開き、s=でスライドを指定します(位置、アートボードの id、あるいはビルドステップならid.step)。移動するたびにアドレスが更新されるので、送るのは今見ているスライドになります。ツール作者の方へ。これらのパラメーターはURL Modeのページに記載しています。

スマートフォンでの表示

画面が狭い場合、レイアウトは 1 列に組み替わります。

コントロールは上部のシートになり、下端にドラッググリップが付きます。グリップをドラッグすると高さが変わり、peek / half / full にスナップします。グリップをタップすると折りたたみ ↔ 展開を切り替えます。プレビューは下の領域を埋め、編集中も表示され続けます。
フローティングの Export ボタンで書き出しシートが開きます。形式、サイズ、コピー、保存、ダウンロードの操作が 1 か所にまとまっています。背景をタップすると閉じます。

スマートフォン幅の画面でのツール。上部にシート状のコントロール、下のプレビューを埋める生成されたパレット、下部中央に浮かぶレンダーピル signed by Lolly2026-10-21vector SVG102 paths~2.7k nodes143 groups2 images89 KB自分で確認する署名済みファイルを取得スマートフォン幅の画面でのツール。上部にシート状のコントロール、下のプレビューを埋める生成されたパレット、下部中央に浮かぶレンダーピル signed by Lolly2026-10-21vector SVG102 paths~2.7k nodes143 groups2 images89 KB自分で確認する署名済みファイルを取得

コントロール（入力）

ツールが公開するのは、変えてよい入力だけです。それ以外（色、レイアウト、タイポグラフィ、ロジック）はツール作者が固定しているため、作ったものは必ず作者の定めた規則に沿います。入力にはテキスト、スライダー、カラーピッカー、ドロップダウン、日付、画像ピッカー、繰り返し行のグループがあります。折りたためるセクションにまとめられているものもあります。

ツールのコントロールの列。テキスト欄、色の呼び出し、スライダーだけで、作者が固定した項目は表示されない signed by Lolly2026-10-21vector SVG44 paths~2.9k nodes55 groups45 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG44 paths~2.9k nodes55 groups45 KB自分で確認する署名済みファイルを取得

リセット: Clear changes ですべての入力が既定値に戻ります。

元に戻す／やり直す

Cmd/Ctrl-Zで1つ戻り、Cmd/Ctrl-Shift-Z(またはCmd/Ctrl-Y)でもう一度先へ進みます。同じ組み合わせはコントロール上部の行にあるUndoとRedoボタンとしても置かれており(フリーキャンバスではツールレールにあります)、戻すものがなくなるとそれぞれグレーアウトします。各ステップは内容を伝えます。色を元に戻すと、どの入力を復元したかを示す小さなメッセージが表示され、その中に戻り道のRedoボタンが入っています。

ドラッグは 1 ステップです。 同じコントロールへの変更は 0.5 秒以内なら 1 つにまとまるので、スライダーを端から端まで動かしても取り消しは 200 回ではなく 1 回です。
直近 100 ステップが保持されます。 それより古いものは順に破棄されます。元に戻したあとで新たに編集すると、他と同じくやり直し分は消えます。
テキスト欄にカーソルがある間は、Cmd/Ctrl-Z は入力欄自身のもので、1 文字ずつ戻ります。Lolly が引き受けるのは、独自の取り消しを持たないコントロール、つまりスライダー、ドロップダウン、色、スイッチです。
file 入力でのファイル選択はステップになりません。そのデータはセッション中だけ保持されるため、戻す対象がないからです。

ライブコラボレーションでは、履歴はあなた自身のものだけにとどまります。他のデバイスから届いた変更があなたの操作履歴に加わることは決してないため、取り消し(undo)は常にあなた自身が行った操作だけを取り消せます。

元に戻すが遡れるのはこの訪問中の操作だけです。作業しながら保存するツールでは、Historyの下にも以前のバージョンが保持されており、元に戻すの隣にあります(以前のバージョンに戻るを参照)。

あなたの情報と顔写真

設定(ギャラリー右上、名前を設定すると名がそこに表示されます)には、氏名、連絡先、任意のプロフィール写真を保存します。これらの項目を求めるツールでは自動的に事前入力されます - 一度設定すれば、メール署名、ロックアップ、バッジが自動で埋まります。セッションごとに個別に上書きすることもできます。自分の情報を使用して作成を有効にすると、書き出したものに作成者としてあなたの情報が付きます。

顔写真と情報はこのデバイスだけに保存されます。プロフィールは本人だけのものとは限りません。チームや、ときどき担う役割としても設定できます。複数持つ方法を含め、詳しくはプロフィールをご覧ください。

保存と再開

作業を残すには、エクスポートの隣にあるチェックマークの名前を付けて保存を押します。Save to a projectの下でマイライブラリを選んだままにするか、プロジェクトを選び(＋新規プロジェクト…で新規作成できます)、それから保存を押します。もう一度保存すると、コピーではなく同じ項目が更新されます。Designでは、名前を付けて保存はLollyのロゴの下のメニューにあります。スマートフォンでは•••を押し、次にFile menu、続いて名前を付けて保存を押します。

書き出しパネルの保存ボタンも同じことをワンクリックで行い、ファイルをダウンロードすることはありません。新しい作品はマイライブラリに入り、以前保存した作品はそのままの場所で更新されます。

あとで作業に戻るには、左上のホームを押してからプロジェクトタブを開きます(スマートフォンではフォルダーのアイコン)。マイライブラリに保存したものはその最初の画面にあり、プロジェクトはそこでフォルダーになります。項目は書き出しパネルで入力したファイル名で呼ばれ、何も入力していなければQRコードのようにツールの名前になります。いずれかを開けば、すべての設定がそのまま残っていて、また変更して書き出せます。

同期をオンにしない限り、保存した作業は、保存に使ったブラウザまたはアプリの中で、このデバイスだけに残ります。ダウンロードで取得したファイルは完成した複製で、あとで変更するにはプロジェクト内の保存項目を開きます。見当たらない場合は作業を見つけて復元するをご覧ください。

2つに分かれたレンダーピル。書き出しパネルを開く上向き矢印と、保存シートを開くSave asと書かれたチェックマーク signed by Lolly2026-10-21vector SVG2 paths240 nodes10 groups7 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG2 paths240 nodes10 groups7 KB自分で確認する署名済みファイルを取得

Projects

プロジェクトは、ホーム画面上部にあるプロジェクトタブで、自分で作ったフォルダーに保存したものすべてを保管します。そこでの検索、並べ替え、ゴミ箱からの復元については、作業を見つけて復元するをご覧ください。

作ったものを共有する

デザインの受け渡しには 2 つの方法があります。リンクとして送るか、ファイルとして送るかです。共有ダイアログはその両方を用意しています。書き出しコントロールの Share で開きます。Projects の保存済みセッションの Share link からも、そのセッションについて同じダイアログが開きます。

リンク

すべての入力はページの URL に収められるため、リンクがそのままデザインです。ダイアログの上部にはコピーできる状態のリンクがあり、その下に折りたたまれたセクションが 2 つあります。

Link optionsには、Open in the installed app(Shortcuts やランチャー、自動化向けに、フィールドをlolly://URIへ切り替えます。パラメーターはすべてそのままです)、Shortest link(大きなデザインは URL が長くなるため、状態全体を小さなトークンにまとめ、削減できた文字数を表示します。読める形式も常に併記されます)、Password-protect this link(リンク全体を AES-256 で保護し、パスワードはリンクに含まれません)、Pin this tool version(_vフラグ。今見ているツールのバージョンにリンクを固定し、以降の更新で描画内容が変わらないようにします)があります。
Link behaviourは、受け取った人が開いたときの挙動です。全画面表示、書き出しパネルを開いた状態、&exportによる開いた瞬間のダウンロード、&copyによるクリップボードへのコピーが選べます。

リンクは同僚に貼って送っても、ブックマークしても、コミットしても構いません。（詳細は URL Mode をご覧ください。）

リンクそのものが製品全体になるツールもあります。 Jump Pageは、あなたのリンクを1枚のページにまとめて配布します - プロフィールリンク、カンファレンストーク、ショップフロントなど。ホスティングするものは何もなく、背後にアカウントも存在しません。ページそのものがリンクなので、URLが届く速さでそのまま開きます。エディターでは完成したページを入力項目の隣に確認でき、リンクを開いた訪問者にはフル幅で表示され、スクロールするごとに1シーンにつき1リンクが現れます。

エディター内のJump Page: ページ上部の見出しシーンと、その下のリンクシーン signed by Lolly2026-10-21vector SVG4 paths755 nodes13 groups14 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG4 paths755 nodes13 groups14 KB自分で確認する署名済みファイルを取得

リンクが担えないものは、ダイアログが伝えます。 URL に収まらないものが3つあります。このデバイスから追加した画像やファイル、非常に長いテキスト値、そして非常に大きなリストです。リンクを組み立てる際に、それぞれの数が数えられます。落とさざるを得ないものがあった場合、画像が欠けた状態で開くリンクを渡す代わりに、ダイアログがその内容を示し、下のファイルでの共有を案内します。単に長いだけのリンクには、文字数を添えた控えめな注意が出ます。長さは圧縮でまだ救えるからです。

.lolly ファイル

.lollyは Lolly の携帯可能なバンドル拡張子であり、すべてのファイルが同じ内容を持つという約束ではありません。権威となるのはmanifest.jsonの中のformatです。アプリはまずこの小さなマニフェストを読み、何かを書き込む前にサイズ、内容、操作を示します。

共有デザイン(lolly-share)には、保存されたツールセッション1つと、その埋め込みファイル、そして参照のまま解決される項目についての受領情報が含まれます。作成に使ったツールとデザインシステムが含まれることもあります。開くと新しいプロジェクトが追加され、既存のセッションを上書きすることはありません。
共有プロジェクト(project種別のlolly-share)には、プロジェクトの1つのフォルダー - そのサブフォルダー、そこに収められたすべての保存済みセッション、各セッションのタイルとそこに収められた画像 - が含まれます。開くとフォルダー全体のコピーがプロジェクトに追加され、すでにあるものは何も置き換えられません。プロジェクトファイルが存在する前の Lolly はこれを読み込めず、更新を促します。
デザインシステムパック(lolly-brand)にはトークンが含まれ、フォント、ロゴ、公開済みバージョン、保持されたリソースが含まれることもあります。開くと、別名のデザインシステムとして追加され、そちらに切り替わります。デバイス上の既存のシステムはそのまま残ります。
ブランドワークスペース / インスタンスパックは、宣言されたツール、カタログ素材、そして任意でインスタンスのアドレスを持つlolly-brandです。読み込むと、それまで読み込まれていた単一のワークスペースオーバーレイが置き換わるため、プリフライトはそのデバイス全体への影響を一覧します。

デバイス/プロフィールの完全なバックアップは.lollyではありません。これは形式lolly-backupのLollyTools-….zipのままで、設定 → ストレージ → データをインポート…から復元し、これは同期がストレージに保持しているコピーも取り込みます。ふつうにzip化したツールフォルダーも.zipのままです。つまり、セッションとデザインシステムのバンドルが.lollyを担い、バックアップと単純なアーカイブの作業はそうではありません。

作業中のツールの共有ダイアログにあるDownload .lollyは、現在のデザインを共有デザインバンドルとして書き出します。保存済みセッションに加え、このデバイスで使える画像やファイルも一緒に運びます。ふつうのカタログ素材も同梱されます。ライセンス素材は明示的に含めない限り除外され、古くなった、または利用できないファイルは消えるのではなく外部参照のまま残ります。用意される受領情報には、実際の.lollyのサイズ、埋め込みファイル数、外部参照数、ツールを含めたかどうかが示されます。デバイスに共有シートがある場合は、Send to…でディスクに保存せずそのファイルを直接渡せます(AirDrop、Android の共有など)。

プロジェクト内のフォルダーメニューにあるDownload project (.lolly)は、そのフォルダーを共有プロジェクトとして書き出すため、他の人がそれを開いて中のすべてのセッションを引き継げます。各セッションはそれぞれ独立したパーツ(sessions/<key>.json、タイルはthumbs/以下)として運ばれ、フォルダーツリーはmanifest.jsonに記載され、アップロードとカタログ素材は単一の共有デザインと同じ規則で運ばれます。バッチセッションはツールセッションではないため取り残され、通知でその件数が示されます。その隣にあるDownload originalsは変わらず、各項目をそれぞれのファイルとして単純に zip 化します。

.lolly はふつうの zip です。拡張子を .zip に変えて開くと、自分の画像は assets/uploads/ に、カタログの素材は assets/catalog/ に、それぞれ本来の名前と拡張子で入っています。manifest.json にすべてが一覧され、先頭の README にファイルの説明があります。

送り出す前に決められることが 3 つあります。

氏名を含めるかどうか。 氏名、メールアドレス、組織名がファイルに書き込まれるのは、プロフィールでUse my details to createがオンになっている場合のみです。オフの場合、ファイルにはLollyで作成されたことといつ作成されたかだけが記録され、あなたについての情報は含まれません。
ライセンス素材を含めるかどうか。 ライセンス済みおよびブランドロックされたアセットは、デフォルトでは除外されます。デザインがそれらを使用している場合、ダイアログにその数が表示され、Download without themとInclude and downloadの2つのボタンが提示されます - 含めると、.lollyを開いた相手に実際のファイルが渡ってしまうためです。
ツールを含めるかどうか。 Include the toolをオンにすると、ツール自体のファイルがデザインと一緒にパックされ、そのツールを持っていないデバイスでも開けるようになります。カスタムツール - 受け取り手が持っていそうにないフォークやプライベートなブランドツール - の場合はチェック済みで届き、署名済みカタログに載っているツールの場合はチェックなしで届きます。相手の手元にあるコピーも同じソースから来ているためです。(署名済みカタログのないビルドでは、すべてのツールがカスタム扱いとなり、チェックボックスは最初からオンになります。)

開く。 インストール済みのデスクトップアプリやモバイルアプリでは、.lollyをダブルクリックまたはタップしてOpen with Lollyを選ぶか、システムの共有シートから Lolly へ送ります。macOS、Windows、Linux、iOS、Android はすべてこの形式を登録しており、デスクトップのファイルマネージャーには Lolly のドキュメントとして表示されます(GNOME Files では保存済みセッション自身のサムネイルも表示できます)。ウェブアプリではOpenを使うか、ファイルを Lolly にドロップします。どの入口でも、同じマニフェスト優先のプリフライトが使われます。Brand Studio から開くと、共有デザインがデザインシステムを持っている場合にその操作が推奨されますが、ファイル名を付け替えたりOpen shared designを隠したりすることはありません。

他のアプリから渡された iOS や Android のドキュメントは48MBまでに制限されています。ネイティブの受け渡しがアプリの境界をまたいでバイト列をコピーする必要があるためです。モバイルアプリは、サイズ超過のファイルを黙って無視する代わりに、そのことを伝えます。Lolly 内のOpenはその受け渡しを使わないため、より大きなバンドルを試すならこちらの経路です。

確認後、選択したリーダーがバンドルを一度だけ展開して検証します。共有デザインのアセットはライブラリーへ、セッションはプロジェクトへ送られ、ツールは利用できる場合に開きます。共有プロジェクトのセッションは、フォルダーの新しいコピーとしてプロジェクトへ送られます(同じファイルを2回開けるよう新しい id が振られます)。フォルダーは開き、このデバイスにないツールを持つセッションはそこで待機します。デバイス上にすでにあるアセットはチェックサムで照合され、再利用されます。デザインシステムパックは、アプリが切り替える前に自分専用の名前空間へ保存されます。100MBを超えるファイルは大きいものとして示され、ブラウザーのストレージが宣言されたペイロードより空き容量が少ないと報告した場合、プリフライトが警告します。整合性チェック対象のすべてのパーツは操作が確定する前に検証され、破損したコピーは拒否されて、新しく作られた保存先はロールバックされます。

ファイルに手元にないツールが含まれている場合、Lolly はそのツールを実行する前に確認します。Trust this tool?にはツール名と作者が示され、開くとそのツール自身のコードがデバイス上で実行されることが明記され、Trust & installで先に進みます。断った場合でも、共有された作業はプロジェクトに保存され、ツールを追加する日まで残ります。(コードをモジュールとして提供するツールだけは、まだサイドロードできず、同じように拒否されます。)

リンクもファイルも、渡されるのはある時点のスナップショットです。他の人と同時に同じセッションを編集したい場合（2 台のデバイス、サーバー不要、同じネットワーク上ならインターネットも不要）は、共同で作業するをご覧ください。

ライブカメラ（動きに反応するツール）

写真用の Filter はすべて（Halftone、Scanline、Posterize、Voronoi cells、Colour treatment、Pixel stretch、Imperfections）、カメラが使える環境では Go live ボタンを表示します。有効にすると、エフェクトがウェブカメラの映像をフレームごとに追い、動きに反応します。結果は GIF、WebM、MP4 に録画できます。フレームの読み取りと処理はデバイス上で行われ、外に出ることはありません。停止するかツールを離れた時点でカメラは解放されます。（どの画像ピッカーにも Take a photo があり、1 フレームをデバイス上の画像として取り込めます。）

My images

ツールでデバイスから画像を追加すると、その画像は届いたそのままの状態で保持され(そのため付いているContent Credentialsは引き続き検証できます)、個人用の自分の画像ライブラリー(設定 → ストレージの中)に保存されます。確認が出るのは本当に巨大なファイルのときだけで、そのまま保持するかリサイズするかを尋ねます。保存した画像はどのツールでも再利用できます。取り込み時にEXIF/GPSを消すには、プロフィールでアップロード時にメタデータを削除を有効にします。上限はありません。ライブラリーは完全にローカルで、制限はデバイスの空き容量だけです。画像の管理や削除もそこで行えます。

アセット - 自分のライブラリー

アセット(#/a、または一覧ビューの上部にあるツール・ユーティリティ・アセット・プロジェクト切り替えのアセット部分)は、ツールが使えるものすべて(ブランドロゴ、画像、音声、モーション)を種類別にまとめた場所であり、自分の制作ファイルの置き場でもあります。サーバーも管理コンソールもプルリクエストも不要で、すべてデバイス上にあります。

アセット。ブランドのスウォッチとフォント、自分でアップロードしたもの signed by Lolly2026-10-21vector SVG180 paths~33k nodes460 groups469 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG180 paths~33k nodes460 groups470 KB自分で確認する署名済みファイルを取得

ファイルを取り込む。 画像、SVG、音声クリップ、動画、Lottie、PDF、PowerPoint デッキをアップロードエリアにドラッグする(またはクリックして選択する)と、即座にアセットに届き、あらゆるツールのアセットピッカーですぐ使えます。複数ページの PDF や.pptxはどのページ・スライドを残すか尋ねられ、それぞれが SVG アセットになります。好きなだけ取り込めます。デバイスの外に出ることはありません。
よく使うものをお気に入りに。 アセット(またはブランドスウォッチ)に★を付けると、すべてのピッカーの先頭にピン留めされ、よく使うロゴや色にワンクリックでアクセスできます。
整理する。 アセットを別のグループに再分類したり、使わない共有ブランドアセットを非表示にしたり(Show hiddenで元に戻せます)、自分でアップロードしたものを完全に削除したりできます。プロジェクトと同じ複数選択操作とフローティングアクションバーがここでも使えるため、選択したもの全体にまとめて操作できます。
動画から背景を取り除く。 アセットピッカーで動画の詳細を開くか、カードを右クリックしてRemove background…を選ぶと、透過版(実アルファ付きのアニメーション WebP または PNG)を保存できます。Methodを選びます。On-device modelは複雑なシーンから被写体を切り抜き、Colour keyはグリーンスクリーンや無地の壁のような均一な背景をキーアウトし、Tolerance、Softness、Spill removalでエッジを調整できます。カラーキーはモデルのダウンロードもネットワークも不要なため、Remove backgroundはどの動画にも提供され、整った映像ではよりきれいに仕上がることが多いです。Resolutionコントロール(360、480、720、1080p のいずれか。元の解像度は超えません)でディテールとファイルの軽さ・速さを調整できます。デバイス上のバックグラウンドジョブとして実行されます。完成した切り抜きは元のアセットの隣に別アセットとして保存され、元動画の Content Credential がイングリディエントとして引き継がれます。(背景の削除が単純な編集にとどまる理由については一度生成すれば、同じものがレンダリングされるを参照してください。)

パレットとフォントをどこへでも

アセットのSwatchesパネルは表示するだけではありません - 色をクリックしてコピーしたり、他のツールが読める形式でブランドパレット全体をダウンロードしたりできます。

Design tokens (JSON)、CSS variables、CSS classes。ブランドをそのままスタイルシートやビルドに組み込めます。
Adobe Swatch Exchange (.ase)。Illustrator や Photoshop に読み込めます。
GIMP palette (.gpl)。GIMP や Inkscape 向けです。

Swatches パネル。上部に5つのパレットダウンロードボタンが並び、その下にコピーできるチップとしてブランドの全色が並ぶ signed by Lolly2026-10-21vector SVG87 paths~23k nodes204 groups290 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-21vector SVG87 paths~23k nodes204 groups290 KB自分で確認する署名済みファイルを取得

Fonts パネルにはブランドの書体が並び、それぞれに download が付いています。ローカルにインストールしたり、印刷所に渡したりできます。（Brand Studio の Colours ルームでも同じパレットのダウンロードが行えます。）

素材は、開かれた自作の道の半分です。もう半分は自分でツールを作ることです。フリーキャンバス（前述の Design）を使えば、コードなしで見た目のまま作れます。

サウンドとアクセシビリティ

Lolly は誰にとっても快適に使えることを目指しています。インターフェイスはキーボードで操作でき、独自のコントロールにはスクリーンリーダー向けの適切なラベルが付き、各ツールのライブプレビューは、何を作っているかを説明するラベル付きの 1 枚の画像として提示されます。

控えめな補助音が操作を確認します - ギャラリーに着いたとき、Content Credentialsの検証が有効か無効か、パネルを閉じたとき、フィルターを切り替えたときなどです。既定ではオフです。スイッチのある場所(各ビューのオプションポップオーバー、または設定)でサウンドをオンにすると、その選択は記憶されます。

設定 → アクセシビリティには、任意で有効にできる快適性の設定が4つあります。Reduce motion(アプリのトランジションや装飾的な動きをなくす)、Hide colourful previews(ギャラリーのカードをアイコンと文字だけの落ち着いた表示にし、プロジェクトのサムネイルも控えめにする)、High contrast(枠線、文字、フォーカスリングを強める)、Large text(ラベル、メニュー、ボタンなどアプリの文字を大きくする)です。4つとも、作業のまわりを静めるものです。ツールのキャンバスの内側には及ばず、書き出したものを1ピクセルも変えません。いずれも、オンにするまでは無効です。詳しくはプロフィール → アクセシビリティをご覧ください。

Sound スイッチの隣にあるのが Neurospicy Mode です。作業中に静かに流れる、任意の落ち着いた集中用トラックです。オンにすると画面下隅に小さなプレイヤードックが現れ、アプリのどこへ移動しても付いてきます。ここから曲を検索して選び、前後に送り、音量を調整し、最小化や終了ができます。曲の一覧はいくつかの分類にまたがります。手続き的に生成される Lolly Sings の曲、アンビエントのループやビート、自分でアップロードした音声、そしていくつかのインターネットラジオ局（ラジオには接続が必要で、それ以外はオフラインで再生できます）です。既定ではオフで、Sound と同様にセッションやデバイスをまたいで記憶されます。Sound をオフにすると集中用トラックも消音されます。

ストレージとプライバシー

Lollyは作業内容をお使いのデバイス上に保持します - Webアプリではこのブラウザ自身のストレージに、デスクトップアプリやモバイルアプリではアプリ自身のストレージにです。何が保持されるか、すべてのデータを消去で何が削除されるか、ブラウザのデータを消去すると何が失われるかは、作業を見つけて復元するに、アプリが取得または送信するすべての内容はPrivacy Policyに、任意のサーバーコンポーネントはServer Surfaceにまとめています。

別のデバイスへの移行

作業を2台目のパソコンやスマートフォンに持ち運ぶには、同期、バックアップファイル、または.lollyファイルを使います。作業を別のデバイスに移すではこの3つを比較し、自分のデータをエクスポートとデータをインポート…の手順を説明しています。

デザインを取り込む（Figma、Penpot、Illustrator、InDesign）

既存のデザインを Lolly に取り込んで作業を続けられます。Design を開き、キャンバスのツールバーで Import a design をクリックし、Figma の .fig か SVG、Penpot の .penpot、Illustrator の .ai / .pdf、InDesign の .idml を選びます。レイヤーはフリーキャンバス上の編集できるボックスになり、テキストは打ち直せる状態のまま、画像は My images に入り、書体と色はブランドの共通設定に合わせられます。その後は他のセッションと同じように保存、共有、レンダリングできます。解析はすべてデバイス上で行われます。詳しくはデザインを取り込むをご覧ください。

書き出し

形式の選択、出力サイズと印刷単位、透過、動画、コピーと共有まで、詳しくは書き出しと形式をご覧ください。要点は、形式を選び、必要ならサイズを設定して Download（またはクリップボードへ Copy）です。

Batch（Pro）モード

上級者向けに、Batch（ギャラリーからリンクされ、既定で有効な Pro 機能フラグで制御されます）は多数のバリエーションを一度にレンダリングします。各行が 1 組の入力になったグリッドを、まとめて書き出す仕組みです。カードを十数か国語にローカライズしたり、全サイズ違いを一度に生成したりするのに向いています。行は手入力、表計算ソフトからの貼り付け、CSV の読み込み（書き出しも可能）で埋められ、行ごとに形式、サイズ、出力ファイル名を設定できます。グリッド全体は名前付きの batch session として保存してギャラリーから開き直せ、全行を 1 つの .zip としてダウンロードできます。

バッチツールバー - ZIP名、単位、DPI、すべての行が継承する形式。右側にSessionsとRenderがある signed by Lolly2026-10-23vector SVG133 paths~15k nodes185 groups1 image195 KB自分で確認する署名済みファイルを取得 signed by Lolly2026-10-23vector SVG133 paths~15k nodes185 groups1 image195 KB自分で確認する署名済みファイルを取得

Batchは1つのテンプレートから多数のバリエーションを一度に生成するための機能です。すでに保存済みのセッションを再レンダリングするには、プロジェクト → フォルダをレンダリング / 選択範囲をレンダリングを使います(作業を見つけて復元するを参照) - Proは不要です。

並べて編集する（Multi-edit）

Batchは1つのデザインの多数のバリエーションです。Multi-editはその仕事のもう半分を担います。異なる複数の保存済みデザインを同時に開き、1つの変更をそのすべてに適用します。Projectsで2つから8つの保存済みセッションにチェックを入れ、選択バーからEdit togetherを選ぶと、#/multi?s=<slot>,<slot>…でライブカードとして横並びに開きます。各カードは保存されたサムネイルではなく、そのセッションの実際のレンダリングなので、見えているものがそのまま書き出されます。

1 つのサイドバーで全体を操作します。

先頭は Shared です。選んだセッションのうち 2 つ以上が同じ形で宣言している入力(同じ id、同じ型、同じ制約。バッチグリッドが列に用いるのと同じ統合規則)がここに集まります。共有コントロールを 1 回編集すると、その値はそれを宣言しているすべてのセッションに広がり、各カードに即座に反映されます。同じツールの 2 つのセッションはすべてを共有し、異なる 2 つのツールは、共通する入力だけを共有します。
その下には、セッションごとに折りたたまれたカードが 1 枚ずつ並び、そのセッション固有の入力がすべて、ツール自身のサイドバーと同じ精度で表示されます(素材ピッカー、繰り返し行のグループ、色の欄)。あわせて Format、W / H、Unit、DPI、そしてカード専用の Download からなるコンパクトな書き出しブロックが付きます。この Download はまずセッションを保存し、それから通常のセッション書き出し経路でレンダリングするため、ツールから直接書き出した場合と同じファイル名、形式、Content Credentials が付きます。
上部の Filter inputs… はすべてのカードのコントロールを一度に絞り込みます - 8 件のセッションの「見出し」に、スクロールせずにたどり着けるのはこのためです。

いずれかのキャンバスをクリック（またはその上で Enter）すると、そのセッションのサイドバーカードが開き、画面内にスクロールします。Save all はすべてのセッションをそれぞれの枠に書き戻します。Download all はまず保存し、そのうえで Projects の Render selection と同じ経路で全体をレンダリングします。出力は 1 つの zip で、途中で任意のパスワード保護を選べます。

率直に言って制限が 2 つあります。2 〜 8 件という上限は実際の制約です。カードごとにライブのランタイムが動くため、快適に動作する件数がこの範囲です。それを超える指定（または存在しないセッションの指定）を含むリンクは、中途半端に読み込まず、その旨を伝えます。もう 1 つ、リンクが指すのはあなたの保存枠なので、開き直せるのはこのデバイス上のその組み合わせです。共有リンクではありません。

選択が 8 件を超える、複数のツールが混ざる、セッションだけでなく画像も含む、といった場合の逃げ道が、同じ選択バーの Edit as sheet です。選択全体をバッチグリッドの行（#/pro?s=…）として開き、件数の上限も同一ツールの制約もありません。フォルダーはどちらの対象にもならず、独自のグリッドで開く経路を持ちます。（ここにまだ届いていないのが検索です。Multi-edit は検索バーが把握していない唯一のビューです。）

オフラインとインストール

Lollyは PWA です。すでに開いた画面ではオフラインでも動作を続け、設定 → オフラインで利用可能の下にあるアプリが残りをダウンロードします - ブラウザーのアドレスバーからインストールする(モバイルではAdd to Home Screen)と、アプリのような全画面表示で使えます。オンラインに戻ると自動で更新されます。

アップデートについて: アップデート直後にビューが読み込みに失敗した場合(空白のパネル、隅に表示される「failed to fetch」など)は、ページを一度リロードしてください。アプリは新しいバージョンを問題なく読み込み、あなたの作業、セッション、ブランドはそのまま保持されます。追加したものの一度も保存していない画像だけは、もう一度追加し直す必要があるかもしれません。すべてはページ内ではなくデバイス上に保存されています。

Design と Darkroom は、Wide colour / HDR編集によって元画像の精度を保つことができ、これは Sequence の動画にも及びます。ブランドスウォッチは sRGB と P3 の値を別々に持てます。出力の選択肢と現在の制限についてはワイドカラーと HDR 編集をご覧ください。

Live pages that take the clicker

Select a Web page box and turn on Make interactive. Its focus step keeps the clicker in the deck while Up and Down control the highlighted page. Owner settings cover highlights, scroll stops, automatic movement and keyboard handover. See Live pages that take the clicker.

Lolly を使う