AI時代だからこそ、ホンモノの技術を。 プログラミング&デザインスクール「prepro(プリプロ)」のロゴ

〜現場で通用するフルスタックな解決力を手に入れる、
プログラミング&デザインスクール〜

#5|Figmaの基本操作とイラスト作成

⚠️ preproからのお願い

このチャンネルは「修行の場」です。「コピペは原則禁止」。

自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。

一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です!

〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜

ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ!

講師の東郷です。

第5回からは、いよいよデザイン制作のフェーズに突入します!

「プログラミングになぜデザイン?」と思うかもしれませんが、ユーザーにとって使いやすく、魅力的なアプリを作るためには、デザインの基礎知識は欠かせません。

今回は、プロの現場でも広く使われている無料のデザインツール「Figma」を使って、爆弾ゲームに使用するカードのデザインを一緒に作っていきましょう!

【この動画で学べること】

  • Figmaの概要とアカウント登録方法
  • 図形ツール(長方形・楕円)の基本的な使い方
  • カラーコード(16進数)による色の指定と、便利な「スポイトツール」
  • テキストの入力とタイポグラフィの設定
  • オブジェクトの整列、グループ化、クリッピングマスク

【preproのカリキュラム方針】

preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。

本編: 15分でサクサク進むメイン講義

0.5回シリーズ: 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義

この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。

もっと詳しく知りたい人のための
0.5回シリーズ

第5回からは、いよいよデザイン制作のフェーズに突入します!

「プログラミングになぜデザイン?」と思うかもしれませんが、ユーザーにとって使いやすく、魅力的なアプリを作るためには、デザインの基礎知識は欠かせません。

今回は、プロの現場でも広く使われている無料のデザインツール「Figma」を使って、爆弾ゲームに使用するカードのデザインを一緒に作っていきましょう!

【この動画で学べること】

  • Figmaの概要とアカウント登録方法
  • 図形ツール(長方形・楕円)の基本的な使い方
  • カラーコード(16進数)による色の指定と、便利な「スポイトツール」
  • テキストの入力とタイポグラフィの設定
  • オブジェクトの整列、グループ化、クリッピングマスク