新着 Webデザイン Figma

【60分】Figma構造化入門｜レイヤーでHTMLが変わる

オンライン

FigmaでデザインしたのにHTMLで崩れる方へ。構造の作り方を実演で学びます

こんなことを学びます

Figmaでデザインしたのに、HTMLにすると崩れてしまう。
その原因の多くは「レイヤーの構造」にあります。

この講座では、実際のFigma画面を使いながら、
コードに変換しやすい構造の作り方を60分で学びます。

■ 学べること
・コード目線で見る「良いレイヤー構造」と「崩れやすい構造」の違い
・header / main / footer の考え方と、レイヤー名の付け方
・オートレイアウトを使った、崩れにくい組み方
・制作会社に渡せるデータにするためのチェックポイント

■ 進め方
講師の実演を見ながら、一緒に手を動かします。
質問はその場でどうぞ。「わからない」を何度言っても大丈夫です。

■ 講師について
Webデザイン指導歴10年以上、フリーランスとして数十社と仕事をしてきました。
難しいことを細かく分解して、順番に積み上げて教えるのが得意です。

希望の日程で調整できます

現在開催日程はありませんが、開催リクエストを送ることで希望の日時で講座開催を相談できます。

開催予定エリアオンライン

価格(税込)¥2,000

開催リクエストを送る

受けたい

0人が受けたい登録しています

オンライン受講日程

価格(税込)¥2,000

オンライン受講料に含まれるもの

受講料にはレッスン代が含まれます。追加の費用はかかりません。
※Web講師歴は10年以上で、本来の受講料はもっと高い講座です。今回は初回限定で、まずはお互いに顔見知りになりたいという思いから、特別価格でご提供しています。期間限定のため、予告なく終了する場合があります。

この講座の先生

樫尾政秀

0人
0回

先生ページを見る先生に質問する

「試して、いいと思ったAIを、講座にする先生」

パソコンを教えて約18年。
その土台に、AIという新しい道具を掛け合わせて、講座にしています。

──────────
こんな方へ
──────────
・AIが気になるけれど、何から始めればいいかわからない
・デザインやコードを、AIと一緒に学び直したい
・仕事や暮らしに、AIを自然に取り入れたい

──────────
いま、起きていること
──────────
AIに話しかけるだけで、デザインもコードも形になる過渡期です。
ただ、AIは「何を頼むか」「できたものが正しいか」を決める人がいて、はじめて力を出します。
... +続きを読む

当日の流れとタイムスケジュール

開催方法：Google Meet（URLは予約後にストアカのメッセージでお送りします）
所要時間：60分

0〜10分　今日のゴールと、崩れる原因の全体像
10〜35分　実演：レイヤー構造とオートレイアウトの組み方
35〜55分　実践：サンプルを一緒に整える
55〜60分　質疑応答とまとめ

こんな方を対象としています

・FigmaでデザインしてもHTML・CSSで崩れてしまう方
・Webデザインスクールで学んでいて、HTMLで詰まっている方
・制作会社や副業に出せるFigmaデータを作りたい方
・Figmaの基本操作（フレームの作成）ができる方

※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

【60分】Figma構造化入門｜レイヤーでHTMLが変わる

こんなことを学びます

オンライン受講日程

オンライン受講料に含まれるもの

この講座の先生

樫尾政秀

当日の流れとタイムスケジュール

こんな方を対象としています

Webデザインの関連カテゴリーから講座を探す

Webデザインを講座以外の方法で学ぶ

【60分】Figma構造化入門｜レイヤーでHTMLが変わる

こんなことを学びます

オンライン受講日程

オンライン受講料に含まれるもの

この講座の先生

樫尾 政秀

当日の流れとタイムスケジュール

こんな方を対象としています

樫尾政秀