WEBデザインを下層まで探せるWEBギャラリー・リンク集。WEBサイト・LPを毎日更新していきます!
Webデザインを 探す
新しいデザインの着想や配色のヒント、 サイト構成・UI設計のアイデアを効率よく収集!
Webデザインを 知る
初心者からプロまで! Webデザインに関するナレッジを更新中!
Webデザインを 学ぶ
動画コンテンツで基礎学習 デザイナーの課題添削も
全 14 動画
Figma(フィグマ)とは
Figmaは、無料で使えるWebデザインツールです。Webサイトの設計…
Figmaのインストールと初期設定
Figmaを始めるためには会員登録と初期設定が必要になります。以…
Figmaのホーム画面の見方
今回は、Figmaのホーム画面の見方、その他の設定について説明し…
デザインファイルを作る
今回は、デザインファイルの作成について説明します。 …
デザインファイルの構成を知る
Figmaのデザインファイルについて説明していきます。 フ…
各種ツールの使い方
今回は、Figmaのさまざまなツールの使い方について説明していき…
シェイプの配置とスタイル
今回は、シェイプツールの使い方とスタイルの変更について説明…
テキストの配置とスタイル
今回は、テキストレイヤーの作成方法、そのコンテンツの変更、…
ページとフレーム
今回は、デザインファイルの構造を整理し、効率的に進めるため…
オートレイアウト
今回は、ボタンやカードなどの要素を規則的に並べるレイアウト…
コンポーネント
Figmaのコンポーネント機能は、デザインパーツを効率的に管理・…
書き出し
Figmaでは、作成したデザインを様々な形式で書き出すことができ…
共有
Figmaは、複数のユーザーが同時に同じデザインファイルを編集で…
プロトタイプ
Figmaのプロトタイプ機能を使って、実際の動きに近いデザインを…