ブログBLOG

デザインの「引き出し」を圧倒的に増やす！
成果を出すデザイナーの日常リサーチ＆言語化術

「デザインの引き出しを増やしたいけれど、いざ制作を始めるといつも似たようなレイアウトになってしまう……」 「毎日ギャラリーサイトを見ているのに、自分のデザインが良くならない……」 デザイナーなら誰しも、一度はこのような壁にぶつかったことがあるのではないでしょうか。 ほかの方の作品を見ている ...

【Figma】おすすめ神プラグイン厳選8選まとめ

今回は、Figma初心者からWebデザイナーまで活用できるおすすめのFigmaプラグイン8選をご紹介します。 Webデザインで欠かせないツール、Figma。 「Figmaをもっと便利に使いこなしたい」 「デザインの作業スピードを劇的にアップさせたい！」 そうお悩みではありません ...

【2026年版】ワイヤーフレームテンプレートを作りながら学ぶFigmaのスタイル・バリアブル入門

Figmaには、デザインの管理や修正を効率化する「スタイル」と「バリアブル」という機能があります。 しかし、機能の説明だけでは「実際にどう使うのかわからない」と感じる方も多いのではないでしょうか。 そこで今回は、実務でも活用できるシンプルなワイヤーフレームテンプレートを作成しながら、スタ ...

【手作業 vs AI併用】Webデザイン制作でAIに任せるべき3つの工程

近年、AI技術は目覚ましいスピードで進化しており、コーディングやシステム開発の現場では、AIを活用した業務効率化が急速に進んでいます。 一方で、Webデザインの現場では「AIをどう活用すればいいのかわからない」「結局、自分で作業したほうが早いのでは？」と感じている方も多いのではないでしょうか。 ...

細かなニュアンスを捉えるWEBデザインとは？“なんか良い”を言語化するデザイン設計術

「なんかこのサイト、雰囲気いいな。」 「おしゃれなのに見やすい。」 「言葉では説明できないけど、なぜか惹かれる。」 そんなWEBデザインを見たことはないでしょうか？ 実は、こうした“なんか良い”デザインは、偶然できているわけではありません。 今回は、この“なんか良い”WEB ...

AIにおすすめされるWebサイトとは？Webデザイナーが知っておきたいLLMO入門

近年、ChatGPTやGeminiをはじめとしたAIの利用が急速に広がっています。従来はGoogleなどの検索エンジンでキーワードを入力し、検索結果から必要な情報を探すのが一般的でした。しかし現在では、AIに質問を投げかけ、その回答から情報を得る人が増えています。 この変化に伴い、「検索結 ...

Webボタン作成で学ぶFigmaのコンポーネント・バリアント入門

FigmaでWebデザインをする上で必須となってくるのが、作成したデザインを再利用することができるコンポーネントの作成です。 ボタン・見出し・カード型UIなど、同じサイト内で共通で使うパーツを管理することができます。 「コンポーネントって何が便利なの？」 「バリアントってなに？いつ ...

Webデザインの“素人っぽさ”を消す4つのチェックポイント

「なんとなくダサい…」 「頑張って作ったのに、なぜか垢抜けない…」 Webデザインをしていると、そんな壁にぶつかることはありませんか？ 実は、デザインのクオリティを左右しているのは“センス”ではなく、「設計のルール」です。 余白、文字サイズ、配色、CTA、情報整理――。 ...

Figmaで使う「8pxルール」とは？初心者でもレイアウトが整う余白設計の基本

『なんとなく…ここの余白はキリのいい数値で15pxでいいか…。』 Webデザインにおける、この「なんとなく」は局所的な見た目のバランスを見て決められた、手抜きと言われても仕方がない数値です。 「なんとなく」を繰り返すことにより、デザインはまとまりがない上、ルールがない設計はチーム ...

Webデザイナーが「ディレクション視点」を持つべき理由とは

「自分なりに意図を持って制作しても、クライアントとの認識のズレが埋まらない」 「本質的ではない修正対応に、多くの時間を割いてしまっている...。」 そんなもどかしさを感じてはいないでしょうか。 日々、ピクセル単位の調整や最新のトレンド追求に心血を注いでいても、肝心の「なぜこのデザインな ...