KnowledgeWebデザインを知る

  • 生成AIでホームページ・LP制作してわかった10の失敗例と改善方法|デザイン・コーディングで挫折しないコツ

    生成AIでホームページ・LP制作してわかった10の失敗例と改善方法|デザイン・コーディングで挫折しないコツ

    小林祐也

    小林祐也

    2026.06.01 更新
    • 失敗① AIに丸投げしてしまう
    • 失敗② ページ全体を一度に作ろうとする
    • 失敗③ デザインの方向性を決めていない
    • 失敗④ 情報を詰め込みすぎる
    • 失敗⑤ CTAが目立たない
    • 失敗⑥ AI画像の文字をそのまま使う
    • 失敗⑦ コーディングまで一気にやろうとする
    • 失敗⑧ クラス名がバラバラになる
    • 失敗⑨ スマホ表示を確認していない
    • 失敗⑩ AIだけで完成させようとする
    • 生成AIの問題は解決できそうですか?
    • まとめ

SchoolWebデザインを学ぶ

  • Webサイトの設計図

    Webサイトの設計図

    02:12
  • サイトが公開されるまで

    サイトが公開されるまで

    01:54
  • Figma(フィグマ)とは

    Figma(フィグマ)とは

    01:03
  • Figmaの会員登録と初期設定

    Figmaの会員登録と初期設定

    00:46
  • Figmaのホーム画面の見方

    Figmaのホーム画面の見方

    02:06
  • デザインファイルを作る

    デザインファイルを作る

    00:50

Short Knowledge

  • 【AI】Figma × Figcomponentsで高品質ベースデザインを爆速作成!

  • 【Ai】アートブラシで矢印やイラストを自由に調整する方法

  • 【Figma】ガラスのぼかしの 作り方

  • 【Figma】球体がくっついた ようなシェイプの作り方!

  • 【Figma】テキストの上下の余白を上下綺麗に揃える方法

  • 【Ai】1秒でイラストをポリゴン化する方法!