HTML– tag –
-
技術
AIチラシ制作の実践手順|CodeX×GPT Image 2.0からIllustrator編集まで
AIチラシ制作の実践ワークフローを徹底解説。GPT Image 2.0でラフを生成し、CodeXでHTMLとSVGに変換、Illustratorでデザイナーが仕上げる4ステップを紹介します。制作初速を2倍以上に上げる役割分担が分かります。 -
技術
Claude Code×Figma MCPの使い方|デザインカンプ自動コーディング手順
Claude CodeとFigma MCPを使えば、Figmaのデザインカンプから人間がコードを書かずにHTML/CSSを自動生成できます。VS Codeの設定・MCP接続・依頼プロンプト・画像修正まで、実際の画面の流れに沿って初心者向けに徹底解説します。 -
技術
AIでLP制作する方法|CodeX×GPTで初稿を爆速で作る手順【実演】
AIでLP制作する方法を現役デザイナーが実演解説。CodeXで要件整理→GPT image2.0でラフ3案→Figmaで画像切り出し→CodeXでHTML初稿まで、丸投げしない実務フローを全手順で紹介します。 -
技術
Claude Code × FigmaでWebデザインの初期構造を爆速で作る方法【初心者向け】
Claude CodeとFigmaを組み合わせて、LPデザインの初期構造を数分で生成する方法を現役デザイナーが解説。フォルダ構成・素材準備・プロンプト・Figma読み込みまでの全手順を紹介します。
1