はじめに
Lesson1 Figmaの基本とワークフロー
Figmaを知ろう
Figmaをはじめる
Figmaの基本の画面
デザインツールとバージョン履歴
Figmaで画像を扱う
プラグインとFigmaコミュニティ
ワークフローとFigma
Lesson2 デザインするための機能
Figmaの基本操作の流れ
スタイル機能を使う
コンポーネント機能を使う
オートレイアウト機能を使う
デザインシステムに触れてみよう
Lesson3 Figmaのプロトタイピング機能
プロトタイピングの画面
プロトタイピング設定とFigmaスマートフォンアプリ
プロトタイプを作る
Lesson4 コミュニケーション
デザインファイルを共有する
共同編集で便利な機能を活用する
コメントを利用する
インスペクトを利用する
ライブラリを利用する
チームを管理する
Lesson5 Webサイト
Webサイト制作の流れ
ファイルの準備をする
ワイヤーフレームを整理する
スタイルを定義する
パーツのコンポーネント化
トップページを作る
下層ページを作る
SP版のデザインを作る
プロトタイプを活用する
関係者とコミュニケーションをする
Lesson6 モバイルアプリ
モバイルアプリケーションの制作工程でのFigma
デザインを始める準備をする
手描きラフを用意する
Figmaでデザインを始める準備をする
画面を作る①
画面を作る②
画面を作る③
画面とコンポーネントのパターンを作る
プロトタイプを活用する
関係者とコミュニケーションをする
Lesson7 他のデザインツールとの連携
Adobeデザインツールと連携する
Sketchからの移行
原稿テンプレート
執筆メモ
HonKitで公開
Lesson3 Figmaのプロトタイピング機能
Lesson3
Figmaのプロトタイピング機能
ここでは、プロトタイプの作成方法を学びます。プロトタイプを用意することで、実際のWebサイトやスマートフォンアプリの完成形に近い状態での操作テストができます。
results matching "
"
No results matching "
"