モニクルデザイナー勉強会　#デザイン制作の効率化編　モニクルデザイナーが実践する時短テクニック

私もXが多いですね。資料デザインを紹介している「Slideland｜スライドランド（@slideland229）」さんなどをフォローしています。

UIデザイン参考には、「Mobbin」もすごく便利です。通常の画像検索では画面の一部しか見られないことが多いですが、Mobbinなら「ログインから目的の操作完了まで」といった一連のフローを網羅的に見ることができます。画面の状態変化を細かく確認できるので、とても参考になりますよ。

最近は、シンプルな背景画像であれば「ChatGPT」で生成することも増えてきましたね。素材サイトと半々ぐらいで使い分けています。ただ、「5枚頼んだのに4枚しか出てこない」といったこともあって、まだ完全に頼るのは難しそうです。

バナーも、たとえば「テキストはこのサイズ」「背景色はこの色」というように、コーディングのように条件を指定してみますが、まだうまくできないですね。もっとプロンプトの工夫が必要かもしれません。

私は、Figmaのコンポーネント名などを英語で命名する時の相談相手としてChatGPTを活用しています。「このセクションにはどんな名前が適切ですか？」といった感じで、壁打ち相手として活用しています。

私は先日、Figmaと生成AIを使って大量のアイコン制作をしました。

手順としては、まずは自作したアイコンサンプルを数点と、トンマナやNG事項をAIに渡して、出力させました。そうすると、AIは画像生成もしてくれますが、「『達成力』を表すなら、進捗を示すドットはどう？」「『戦略性』なら、複数の矢印が1本に収束する表現は？」というように、テキストでも具体的なアイデアをくれるんですよね。

AIが出してくれるアイデアは自分では思いつかないような表現も多くて、それをヒントにFigmaで仕上げていきました。この方法で、34個のアイコンを3～4時間で作ることができました。

最近ではFigmaのテクスチャ調整も簡単になっていますし、今後はさらに効率化できそうですね。

大きな画像を扱う場合、「Insert Big Image」というプラグインがおすすめです。Figmaでは通常、4096pxを超える画像を挿入すると画質が落ちてしまいますが、このプラグインは画像を分割して取り込むことができるので、高画質のまま表示してくれます。 縮小しても画質が劣化しませんし、参考にしたいWebサイトのキャプチャ画像を張り付けて見比べたい時にもおすすめです。

私は「Color Adjustments」をよく使います。これはIllustratorの「オブジェクトを再配色」に近い機能で、複数の色を一度に変更できて便利です。

もう一つは「selection-text-styles」です。フレーム内の全ての文字のテキストスタイルを出してくれて、一括で置き換えることも可能です。実はこのプラグインは、弊社のエンジニアが作ってくれたもので、このプラグインのおかげで、作業効率が格段に上がりましたし、テキストスタイルの当て忘れもなくなりました。

他にも欲しいプラグインがあったら適宜相談して作ってもらったりしています。ありがたいですね。

有名かもしれませんが、画像の背景を切り抜く「Remove BG」も便利です。背景がシンプルな画像なら、Figma上ですぐに切り抜きができます。ただ、少し画質が落ちることがあるので、私はデザインの確認用として使っていますね。

数値や色などに設定したVariablesを、後から一括で適用してくれる「Apply variables」をよく使います。手動で一つひとつ紐付ける手間が省けるので、作業が格段に速くなります。ページ全体だけでなく、特定のオブジェクトに絞って適用できるのもポイントですね。

ショートカットキーを使うと、かなり効率が上がりますよね。私がよく使っているものを紹介するので、ぜひ皆さんのおすすめも教えてください。

子育てしながら働いていると、どうしても時間に追われてる感覚があります。時間をどう確保するか悩んで、泉田さん（取締役）に相談したところ、「やっぱり早起きするしかないんじゃないかな」と、シンプルな答えが返ってきました。

朝は仕事がはかどりますよね。Slackの連絡なども来ないですから。

私はGoogleカレンダーでタスク管理をしています。まず朝一番に、その日やるべきことをタスクとして登録します。それに加えて、特に集中したい時間帯は、あらかじめ予定を入れてブロックしてしまうんです。

そうすることで、予定の時間になると通知が来るので、一つの作業に没頭しすぎるのを防ぎ、頭を切り替えるきっかけにもなります。1日の振り返りで、稼働時間の確認も楽になりますし、おすすめです。

私は、昔は朝ご飯を抜きがちだったんですが、最近はたくさん食べて、タンパク質も取るようにしています。午前中は比較的軽めの作業をして、その後お散歩をしてお昼もしっかり食べて、午後の作業に入っていきます。

あとは、目の疲れにはルテインをとったり、疲労回復のためにグリシンやビタミンBをとっていますね。ドライアイなので、疲れ目用の目薬も使ってます。

私は、腰痛と怪我を防ぐためにキックボクシングを続けています。パンチの動きで肩がよく回るので、自然と肩こり解消にもつながるんです。それにプラスして、有酸素運動をして体力向上を目指しています。

それから、休憩時間に30分くらい昼寝をするようにしています。昼寝の後はリフレッシュして仕事ができますね。あとは、マルチビタミンを飲んでいるぐらいですね。

私もマルチビタミンを飲んでいます。あとはヒアルロン酸のサプリメントを飲んだら、肌質が改善したような気がします。

あとはランニングは、すごくメンタルにも効いている感じがします。景色がきれいなところまでランニングして、気分転換をしています。

私は、丸太のようなフォームローラーを使って、背骨あたりをゴリゴリほぐしています。猫背で巻き肩が少し開くだけでも、体の感覚が変わる気がします。

あとは、スマホを触る時間を減らしたら気持ちがずいぶん楽になりました。以前スマホが壊れたときにとても不安になった経験があって、それをきっかけに使用時間を見直すようにしたんです。その分、本を読んだり、別のことをするようにしています。