ログイン、もしくは新規登録を行ってください。

ログイン

デザインカンプを作るための「Figma」基礎

制作 | 6.3h

本講座では、Web制作におけるデザインカンプ(モック)をFigmaで制作できるように解説いたします。

playlist_play デザインカンプを作るための「Figma」基礎 — 全45講座

radio_button_unchecked 1. イントロダクション 00:03:20 radio_button_unchecked 2. Web制作の概要 00:04:59 radio_button_unchecked 3. Webデザインの考え方 00:02:35 radio_button_unchecked 4. Webデザインの基本 00:04:23 radio_button_unchecked 5. Figmaの基礎知識 00:02:34 radio_button_unchecked 6. Figma基本機能-データ管理編- 00:04:14 radio_button_unchecked 7. Figma基本機能-FigJam編- 00:02:38 radio_button_unchecked 8. Figma基本機能-コミュニティ編- 00:01:23 radio_button_unchecked 9. Figma基本機能-デザインファイル編- 00:02:07 radio_button_unchecked 10. ツールバーの各種機能 00:11:07 radio_button_unchecked 11. 画像などの取り込み 00:10:38 radio_button_unchecked 12. レイヤーパネル、プロパティパネル 00:11:22 radio_button_unchecked 13. 画像の書き出し方 00:04:59 radio_button_unchecked 14. テキスト設定とフォントについて 00:06:43 radio_button_unchecked 15. プラグイン活用 00:03:11 radio_button_unchecked 16. デザイン制作で便利なプラグイン 00:10:39 radio_button_unchecked 17. フレームの準備 00:04:54 radio_button_unchecked 18. 画像などの取り込み 00:08:23 radio_button_unchecked 19. オブジェクトにエフェクトを追加 00:08:13 radio_button_unchecked 20. シェイプツールと作成ツールで帯を作る 00:13:59 radio_button_unchecked 21. バナーを完成させる 00:12:13 radio_button_unchecked 22. バージョン管理方法 00:03:06 radio_button_unchecked 23. オートレイアウトでコンテンツを配置 00:07:54 radio_button_unchecked 24. アセット作成-コンポーネント編- 00:08:36 radio_button_unchecked 25. アセット作成-スタイル編- 00:08:03 radio_button_unchecked 26. アセット作成-バリアブル編- 00:10:07 radio_button_unchecked 27. デザインシステム管理について 00:03:08 radio_button_unchecked 28. 作成:ヘッダー、イベント説明文(1) 00:14:04 radio_button_unchecked 29. 作成:ヘッダー、イベント説明文(2) 00:05:50 radio_button_unchecked 30. 作成:ラインナップ(1) 00:11:46 radio_button_unchecked 31. 作成:ラインナップ(2) 00:16:33 radio_button_unchecked 32. 作成:アクセス 00:14:43 radio_button_unchecked 33. 作成:ニュース、フッター 00:16:17 radio_button_unchecked 34. 見本を元にデザインカンプ制作(1)_ヘッダー、イベント説明 00:10:57 radio_button_unchecked 35. 見本を元にデザインカンプ制作(2)_ラインナップ(1) 00:12:13 radio_button_unchecked 36. 見本を元にデザインカンプ制作(3)_ラインナップ(2) 00:12:31 radio_button_unchecked 37. 見本を元にデザインカンプ制作(4)_ラインナップ(3) 00:09:58 radio_button_unchecked 38. 見本を元にデザインカンプ制作(5)_アクセス 00:09:35 radio_button_unchecked 39. 見本を元にデザインカンプ制作(6)_ニュース 00:12:05 radio_button_unchecked 40. 見本を元にデザインカンプ制作(7)_フッター 00:08:18 radio_button_unchecked 41. スマホ向けデザインカンプ制作 00:08:24
play_circle 42. 複数ページのデザインカンプ制作ポイント 00:11:52
radio_button_unchecked 43. Webサイトのプロトタイプを作る 00:07:30 radio_button_unchecked 44. 動きのあるコンポーネント設定(1) 00:16:05 radio_button_unchecked 45. 動きのあるコンポーネント設定(2) 00:01:55

person講師

池端 由基 氏

池端 由基 氏

LINE株式会社

株式会社サイバーエージェントを経て、NHN Japan株式会社(2013年4月 LINE株式会社に商号変更)
公式アカウント、スタンプ、ビジネスコネクト等のセールスを担当する。
LINE Ads Platformのリリースに合わせて専属営業組織の立上げに参画。
現在は、LINE Ads Platformセールス・コンサルティング室とエンタープライズビジネス事業部を統括。