名前だけ。数秒でイラレの名刺生成。｜Claude Code × Illustrator

こんにちは、デザイナーの小林です。株式会社movのデザイン部のマネージャーをしています。

今回のテーマは、自社の名刺作成自動化です。ちなみにデザインの実作業をClaude CodeのSkillにするのは、今回が初めての試みでした。

結果として、手作業で1件あたり5分くらいかかっていた作成業務がほぼ自動化され、生成中、デザイナーは別の仕事を並列で行えるようになりました。

この記事では、その仕組みをどうやって作ったのかを書きます。Claude CodeとIllustratorをMCPでつなぎ、途中で盛大に遠回りしながらたどり着くまでの記録です。
うまくいった話だけでなく、いま思うとしょうもない失敗も書きます。そして先に言っておくと、これは「名刺を速く作る」話ではありません。

なぜ、名刺自動化だったのか？

先に背景を手短に。movはここ数年、会社の成長とともに人が増え続けているため、そのたびに名刺が要ります。もちろん会社が伸びるのは嬉しいことなのですが、デザイナーからすると、名刺制作がジワジワと効いてくる定常業務になっていました。

しかも、この名刺作成には「一斉修正」の波が来ます。オフィスを増床すれば住所表記が変わり、事業部の再編があれば肩書きが変わる。そのたびに、該当する全員分を作り直すことになります。1人分の手作業が、いきなり数十人分に化けるわけです。

こういう波が定期的に来るとわかっているなら、一度きちんと仕組みを作る価値があります。会社が伸びるほど、デザイナーの工数はただ積み上がっていく。でも名刺は、一度仕組みにすれば「人が増えるほど効いてくる資産」に変えられるタイプの自動化でした。
それを人手で受け止め続けるのではなく、成長のスピードにデザインの生産性を追従させる打ち手として、いま着手すべきだと判断しました。

何を目指したか？

「動けばいい」ではなく、実運用でチームが使い続けられる状態を最初から狙いました。求めた品質を5つ挙げておきます。以降の技術の話は、だいたいこの5つを満たすための格闘です。

1. 手作業より速いこと。
   速くならないなら、仕組みにする意味がありません。

2. 複数人まとめて投げられること。
   一斉修正の波を捌けないと、いちばん助けたい場面で助けになりません。

3. 画面を奪われないこと。
   投げたらすぐ別の仕事に頭を切り替えられる、並列で働ける状態にしたかった。

4. 名前を伝えるだけで、入稿できるデータまで仕上がること。
   途中まで自動、最後は手で整形、では属人化が残ります。

5. 印刷データとして品質を落とさないこと。
   速くても刷り上がりが劣化したら本末転倒です。

このうち3番と5番で、いちばん苦労しました。後で出てきます。

ツール選定：Figmaか、Illustratorか？

まずデザインツールを、FigmaとIllustratorで迷いました。Figmaでもトライされている実例の記事を見かけましたが、Figmaは基本的にDTP向けのツールではないので、印刷物としての実績と信頼性を優先してIllustratorにしました。

逆にFigmaが強いのはオートレイアウトで、文字量に応じてレイアウトが自動で伸縮してくれます。Illustratorにこれは無いのですが、後述するテンプレートの作り方でカバーしました。

そして、そのIllustratorを「どう動かすか」でもう一段迷いました。最初はAppleScript経由で操作していたのですが、これが後半でひっくり返ります。伏線として置いておきます。

テンプレートを、可変にする

自動化というと「スクリプトを書く」話に聞こえますが、最初にやったのはデザイン側の作り替えでした。

名刺は、人によって役職名の長さも、資格の有無も、拠点の数も違います。固定のテキストで組んだテンプレートに長い役職を流し込むと、はみ出してレイアウトが崩れます。
そこで、可変になりうる要素をテキストエリア化しました。テキストボックスを基準に文字が収まるようにしておけば、内容が増減しても土台が崩れません。

手を動かして見えた、Illustrator側のコツもいくつか挙げておきます。

• レイヤー名を、デザイナーとコードをつなぐインターフェースにする

• 記載が不要なデータはSKIPして、レイヤーごと消す

• デザイナーの文字組み（組版）ルールを徹底して明文化する

• 可変になる要素はテキストエリア化する

• 個別に調整したレイヤーはグループ化して、最終の座標に再配置する

ここで基準を一つ決めました。デザインが変わる軸（住所の拠点版、英語版など）はテンプレートを分け、表示するかしないかだけの軸（資格やQRの有無）はコードで吸収する。
デザインで解けることはデザインで解いて、スクリプトを複雑にしない、という切り分けです。

マスターデータは、スプレッドシートの責務にする

名刺の元データは、社員マスターのスプレッドシートにあります。「役職の英語表記をどう出すか」「電話番号が複数あるときどれを載せるか」といった判断は、Skillに持たせず、GAS（スプレッドシート側）で名刺用に整形しておくことにしました。

こうすれば、名刺を生成するSkillは「整形済みの値をもらって、テンプレに流し込む」だけで済みます。責務を分けて、Skillを複雑にしないのが狙いでした。

最大の山場：「1枚目だけ、毎回きっかり240秒」

自動化を進めるうちに、気持ち悪い症状が出ました。名刺の1枚目だけ、テキストを流し込む処理で毎回きっかり240秒ほど固まるのです。負荷に比例せず、いつ計っても240秒ちょうど。何かのタイムアウトを待っている挙動です。

まずWi-Fiを切って計ると、240秒が一気に縮みました。ネット依存に見えます。でもWi-Fiを切る＝他の作業ができない、では品質③（画面を奪わない）に反します。オンラインのまま、Illustratorのその問い合わせだけを潰したい。
ここから盛大な遠回りが始まります。

ためしにファイアウォールでIllustratorだけ止めても240秒のまま。ログを覗くと、名刺のフォントが実はローカルではなくAdobe Fonts扱いで、開くたびにオンライン照合してタイムアウトしていたと分かりました。同じフォントをローカルに入れたら、1枚目が240秒から0.1秒ほどに（約2400倍）。
一見、これで解決したように見えました。

でも、早とちりでした。フルビルドではまだ遅く、ある人のデータでは722秒かかります。真犯人は別にいて、Illustratorはバックグラウンドだと処理を眠らせ、前面に出るまで進めない挙動でした。前面化すれば速くなりますが、それでは画面を奪われ、また品質③に逆戻りです。。。

答えは、そもそも眠らない経路——Illustrator内蔵のMCPサーバー経由でした。MCPで操作すると背面のまま1秒で完了。
ここでAppleScriptのパイプラインをMCPネイティブに作り直しました。

レアケースは、あえて自動化しない

自動化していると、つい「全部きれいに機械化したい」と思ってしまいます。でも、そこはぐっとこらえました。

資格をロゴ画像で表す人や、備考欄に「QRコードを入れて」と自由記述がある人がいます。ここを自動で組むには、目で見た判断が要ります。レアケースのために全体を複雑にしたくない。
そこで決めたのが、「例外は自動化に組み込まない。でも生成は止めない」でした。カードは通常どおり作り、生成後にデザイナーへ「⚠️ 手動対応が必要」と中身つきで知らせる。人がロゴや追記を手で置く。
8割を自動化して、残り2割の目が要る仕事に判断を集中させる設計です。

ちなみに検証はすべて、架空のダミーではなく実際の社員データで行いました。おかげで、実運用でしか出てこないイレギュラーを本番前に洗い出せました。

「チェックは通る」と「品質が同じ」は違う

品質⑤にまつわる、大事な失敗も一つ。

途中で私は、入稿データを作る工程から「アウトライン化」を省きました。フォントを全部埋め込んだPDFなら、アウトライン化と同じ入稿安全性だろう、という判断です。実際、印刷所のデータチェックも通りましたし、工程が1つ減って速くもなる。良いことずくめに見えました。

でも刷ってみたら、アウトライン化したデータと比べて、刷り上がりの品質がちょっと低い印象でした。

そこで、アウトライン化したデータを入稿データにするようにしました。ちなみにIllustratorのMCPには、40以上あるツールの中にアウトライン化に相当するものが無かったので、そこだけはExtendScript（Illustrator古来のスクリプト）を呼ぶハイブリッドにしています。
判断や組版は新しい仕組み（MCP）に、確定した機械作業は枯れた道具（ExtendScript）に。 全部を最新の仕組みに寄せなくていい、というのもこのプロジェクトの学びでした。

じつは、この記事もClaude Codeと書きました

この記事のもとになったのは、検証中に毎日Claude Codeへ書かせ続けた4359行のブログ調のログです。ここに記載していない日々のトライアンドエラーが自分用のブログになっていて、今読み返すと断念しそうになっていたり、苦戦している姿がとても微笑ましいです。
最後にそれをまとめさせて、自分でリライトしたのがこの記事となります。

まとめ

長くなりましたが、最初に戻ります。冒頭に書いた通り、この取り組みは「名刺を速く作る」話ではありません。

デザイナーが手を動かす作業から離れて、設計や判断という人にしかできないところへ軸足を移す。名刺作成自動化は、その型が機能するかを確かめる最初のトライでした。まだまだやりたいことはたくさんあります。

自動化できる作業は早く自動化して、空いた時間を、デザイナーが本当に向き合うべき課題——プロダクトの体験設計や「何を作るべきか」を考えることに使っていけるようにしたいのです。

movのデザイン部は、こんなふうにAIを道具として自分たちの働き方を作り替えることを、けっこう面白がっているチームです。
もし少しでも興味を持っていただけたら、ぜひカジュアル面談でお話させてください！採用情報はこちら👇