WebデザイナーのためのCodex入門｜Figma作業を時短

Figmaで繰り返しているコピペや差し替えを、Codexに頼む方法を体験する60分の講座です。

同じレイアウトを複製して、名前や文章、リンクを一つずつ差し替える。
デザインは決まっていて、あとは手を動かすだけなのに、なかなか終わらない。

「この時間で、別のページのデザインを進めたい」と思うことはありませんか。

僕もWeb制作で、全国30店舗以上の情報を同じレイアウトに並べる作業がありました。1店舗分のデザインと店舗情報を渡して、残りの展開をCodexに頼む、という使い方をしています。

この講座では、その頼み方を少ない件数で一緒に試します。
練習用の店舗情報を使い、1件分のデザインをもとに、合計3件の店舗パーツへの展開を目指します。

作った後は文章やリンクの修正も依頼し、元の情報と合っているか、文字がはみ出していないかを確認します。

■ 当日体験すること
・ベースのデザインと、差し替える情報を渡す
・まず1件で試し、仕上がりを見て残りを依頼する
・店舗名・営業時間・リンクなどの修正を頼む
・情報の抜けやデザインの崩れを確認する

「何を渡せばいいか」「どこまで任せるか」「最後にどこを見るか」まで、画面共有で一緒に進めます。
店舗一覧だけでなく、スタッフ紹介やサービス一覧など、同じ形のパーツが繰り返される仕事への応用もお伝えします。

■ 講座の進め方
オンラインのマンツーマン講座です。講師の説明を聞くだけでなく、ご自身でも指示を出していただきます。
実案件のファイルは使わず、架空の店舗データで練習します。
進行状況に合わせて扱う件数を調整し、依頼・修正・確認の流れを体験することを優先します。

■ 持ち帰れるもの
・講座で使う練習用データ
・展開と修正を依頼するための指示文
・最後に確認するポイントの一覧

「同じ作業、あと何回やるんだろう」と感じたときに、Codexへ頼む方法を一つ持ち帰りましょう。