Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
【Figma実践】センス不要!14年のプロが教えるデザインのルール。制作の迷いを断ち自分の手でWebサイトを完成させる
Bestseller
Highest Rated
Rating: 4.8 out of 5(12 ratings)
124 students

【Figma実践】センス不要!14年のプロが教えるデザインのルール。制作の迷いを断ち自分の手でWebサイトを完成させる

デザイン外注費や独学の挫折に悩む方必見!14年のプロがFigmaの基本と「センス不要のルール」を徹底指導。手を動かしながらWebサイトを完成させ、修正の少ない「正解のデザイン思考」と実践スキルを確実に身につける完全マスターガイド。
Last updated 6/2026
Japanese

What you'll learn

  • Figmaの基本操作から実践的な使い方まで完全マスター
  • デザインのルールと考え方を身につけ、センス不要でプロレベルのデザインが作れる
  • WebサイトやLPを自分の手で、クライアントに提出できるクオリティで作成できる
  • デザインする前の考え方・リサーチ方法が身につき、応用力が高まる
  • 実践を通して手を動かしながら学ぶため、確実にスキルが定着する

Course content

10 sections103 lectures8h 0m total length
  • このコースの全体像と学べること3:22
  • このコースで得られる未来1:44
  • 学習の進め方0:25
  • 受講に際してのお願い1:12
  • ワークシート1:36

Requirements

  • デザインを独学で学んだけどうまくいかないと諦めかけている方にも、楽しく学んでいただけます。

Description

■はじめに

こんにちは、講師のともこです。

高校・短大でデザインを学び、

新卒で印刷会社に入り、印刷物のデザインを約10年間やっていました。

そのあとはブランクもありましたが、その後2022年からはWEBデザインを中心に、あらゆるものをデザインしてきました。


現在はフリーランスのデザイナーとして、

主に制作会社様のデザイン制作と、デザインの添削サービスを中心に活動しています。

デザイン歴としては14年以上になりました。


最近は多様な経験を活かして、デザイン初心者向けのデザイン添削も行っており、今まで30名以上の方をサポートさせていただき、デザインをよりよくするコツを伝えています。

添削を受けた方からは『迷いが晴れました!』とか『自信を持ってクライアントに提案できました!』といった嬉しいお声をたくさんいただいていて、とてもやりがいを感じています。



■このコースについて

「Figmaはむずかしそう」

「Figmaの操作は覚えたのに、なぜかデザインが形にならない」

「外注は高くて頼れない」

「AIで作ってみたけど“出せる品質”にならない」

――そんな状態から抜け出すために作りました。

デザインはセンスではなくルールと手順です。

14年の現場経験をもとに、Figmaの基礎から、リサーチ・構成の立て方、Webサイトトップの作り方をステップバイステップで解説します。さらに、AIが出したデザインをプロっぽく整える“改善方法”などの実例で、「何をどう直せばいいか」を目で見て再現できるようにします。


◆Figmaを使ってなにができるのかがわかる

◆FIgmaを使ってデザインが作れるようになる

◆デザインについての知識が手に入る


■コースを受講することで…

このコースを受講することで、あなたは次の状態を目指せます。


  • Figmaを“操作できる”から“作れる”へ:Webサイト(トップ)を、ゼロから最後まで作り切れる

  • センス不要で整えられる:余白・整列・文字組・配色のルールで、プロっぽい見た目に仕上げられる

  • デザイン前に迷わない:リサーチ→分解→ワイヤー→デザインの順で、手が止まらなくなる

  • 提出できるクオリティに近づく:チェックリストで自己添削でき、修正が減る設計で進められる

  • AIデザインを“使える品質”に直せる:AIの出力を素材として活かし、判断基準を持って改善できる

  • 再現性が上がる:テンプレ化・部品化で、次の案件/制作でも同じ手順で作れる


■こんな方が受講に向いています

・Figmaが難しそうと思っている人

・デザインの基礎がわからないのでどうデザインすればいいかわからない人

・Figmaを使いたいと思ったけど挫折した人

・WEBサイトのデザインをFigmaで作ってみたい人

・デザイン力を上げたいけどどうすればいいかわからない人



■このコースは全部で10セクションです

セクション1:はじめに

セクション2:これだけは知っておきたいWebデザイナーとしての基礎知識

セクション3:WEBデザイナー必須ツールFigmaについて

セクション4:Figmaの準備をしよう

セクション5:Figmaのツールを覚えよう

セクション6:【実践】Figmaの特有の機能を使って作ろう

セクション7:【実践】伝わるWEBサイトのデザインを作ってみよう

セクション8:クライアントにデザインを共有しよう

セクション9:【センス不要】セオリーを知ってデザイン力をあげよう

セクション10:ボーナスレクチャー

全部で大ボリューム8時間のコースです。

その他、必要に応じてワークシートが用意されています。ワークシートに沿って実践していただくことで、デザインのスキルアップを進めることができます。


■最後に

本コースに興味をもっていただいた方は、動画終了後に「コース登録」へ進んでください。もっと検討したいという方はプレビューで講座の一部が見れますので、ぜひ講座を覗いてみてください。

それでは、コースのなかでお会いできることを楽しみにしています!


Who this course is for:

  • デザイナーに外注する費用が高くて困っている人
  • Figmaを独学で学んだけど挫折した人
  • デザインセンスがないと諦めかけている人
  • Webサイトを作りたいけど、デザインで行き詰まっている人
  • AIツールでデザインを作ろうとしたが、使えるクオリティにならず困っている人