WebDesigner's Memorandumウェブデザイナーの備忘録

投稿一覧

Figmaで作ったスマホデザインを「Figma Mirror」を使ってリアルタイムに実機確認をする

Figmaで作ったスマホデザインを「Mirror」機能を使ってリアルタイムに実機確認をする

Figmaプラグインのインストール方法とその管理方法

Figmaプラグインのインストール方法とその管理方法

Figmaのプロトタイプ機能の基本|作成したデザインに実際に画面遷移を設定する

Figmaの画像書き出し方法

Figmaの画像書き出し方法

FigmaのVariants機能でコンポーネントの状態を管理する

FigmaのVariants機能でコンポーネントの状態を管理する方法

FigmaのAuto Layout入門|コンテンツに応じて変化させたり、繰り返しのレイアウトをラクに作れる

FigmaのAuto Layout入門|繰り返しのレイアウトやコンテンツに応じて横幅可変するボタンをラクに作る

Figmaのスタイル入門|何度も使い回す色や文字スタイルを管理する方法

Figmaのスタイル入門|何度も使い回す色や文字設定を管理する方法

Figmaのレイヤー周りの基本操作

Figmaのレイヤー周りの基本操作|グループ化やマスク、オブジェクトのロックや表示切り替えなどのレイヤーでできること

Figmaの画像周りの基本操作|画像の追加方法や色補正、切り抜きやマスク方法まで

Figmaの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで

Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで

Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで

Figmaの図形周りの基本操作|図形の作成方法から図形ごとの細かい特徴まで

Figmaの図形周りの基本操作|図形の作成方法から細かい設定項目まで

Figmaのテキスト周りの操作

Figmaのテキスト編集周りの基本操作|テキストの追加方法からグラデーション設定や縦書き、アウトライン化