2026 OpenClaw デザイン素材パイプライン：リモート Mac で設計稿から PNG 一括リネームまでの再現手順

OpenClaw のデザインワークフローにおける位置づけ

OpenClaw は Vision で画像を認識し、タグ付け・命名・検証を自動化できる AI エージェントです。デザイン素材パイプラインでは「設計ツール（Figma／Sketch 等）で書き出した PNG → 所定フォルダに配置 → OpenClaw またはスクリプトで一括リネーム・検証 → 開発用素材として納品」という役割を担います。リモート Mac 上で動かすことで、自前の Mac がなくても同じワークフローを再現できます。

リモート Mac でのインストールと基本設定

以下は最小限の再現手順です。

1. リモート Mac に SSH または VNC で接続（MacPng のノードであればダッシュボードから接続情報を取得）。
2. Python 3.10+ を確認：python3 --version。必要なら Homebrew でインストール。
3. OpenClaw のクローンとセットアップ：git clone <OpenClaw リポジトリ> && cd openclaw && pip install -r requirements.txt。
4. 出力用ディレクトリを用意：例 ~/design-export/in（設計稿からの PNG 受取）、~/design-export/out（リネーム後の納品先）。mkdir -p ~/design-export/{in,out}。
5. 権限の確認：スクリプトや OpenClaw が該当フォルダの読み書きできることを確認（後述の権限トラブル参照）。

設計稿から PNG をエクスポートするトリガーとパス設定

設計ツール側で「書き出し先」を固定し、そのフォルダをパイプラインの入力にします。

• Figma：プラグインまたは手動で「Export to folder」の保存先を ~/design-export/in に統一。自動化する場合は Figma API + スクリプトでエクスポートをトリガー。
• Sketch：Export の出力先を同じ in に設定。Automator や AppleScript で一括 Export を実行する場合は、その出力先を in に合わせる。

トリガー方式の例：

1. 手動トリガー：書き出し後に手動で「一括リネームスクリプト」を実行。
2. フォルダ監視：fswatch 等で in を監視し、新規 PNG 検知でリネーム処理を起動。
3. cron：定期的に in をスキャンし、未処理ファイルがあればリネームして out へ移動。

一括リネームのルールとスクリプト／コマンド例

命名ルール例：プロジェクト名_用途_解像度_連番.png（例：app_icon_48x48_01.png）。以下はシェルでそのまま試せる一括リネーム例です。

# 例：in 内の PNG を prefix_連番.png にリネームして out へコピー
cd ~/design-export/in
i=1
for f in *.png; do
  [ -f "$f" ] || continue
  cp "$f" ../out/asset_$(printf "%02d" $i).png
  i=$((i+1))
done

OpenClaw を使う場合：Vision で画像内容を識別し、「用途」ラベルを付与してから上記のようなルールでリネームするスキルを定義します。リネーム前の対応表をログに残すとロールバックしやすくなります。

パイプライン全体の再現可能な手順

上記をまとめた一連の流れです。そのままチェックリストとして使えます。

1. リモート Mac に接続し、OpenClaw と in／out を用意（インストール・基本設定の項のとおり）。
2. Figma／Sketch のエクスポート先を ~/design-export/in に設定。
3. 設計稿から PNG を書き出し（手動または API／スクリプトでトリガー）。
4. 一括リネームを実行（上記シェル例、または OpenClaw のリネームスキル）。出力は out に保存。
5. 必要なら ImageMagick／sips でサイズ・解像度を一括検証し、不合格をレポート。
6. out の内容を開発用リポジトリや納品フォルダにコピーして完了。

同じ手順を毎回実行すれば、誰がやっても同じ結果が得られる再現可能なパイプラインになります。

よくあるエラーと権限トラブルの対処

• 「Permission denied」：in／out のパーミッションを確認。chmod 755 ~/design-export/in ~/design-export/out。実行ユーザーが所有者であることを確認。
• 「No such file or directory」：パスが絶対パスで正しいか、~ が実行環境で展開されているかを確認。スクリプト内では $HOME を使うと安全。
• macOS の「フルディスクアクセス」：Automator やターミナルからスクリプトを実行する場合、システム環境設定で該当アプリにフルディスクアクセスを付与しないと特定フォルダに書き込めないことがあります。
• OpenClaw が画像を読めない：入力パスが UTF-8 で、ファイル名に機種依存文字が含まれていないか確認。一時的に ASCII のみのファイル名で試すと切り分けしやすいです。