AIとFigmaをフル活用。
制作プロセス公開型
メタ・ポートフォリオ

制作期間：15日間
使用技術：Figma, HTML/CSS/JS
AIアシスタント：GitHub Copilot, Claude, ChatGPT-5
デプロイ：GitHub Pages

デザインシステムを見る制作過程を見る

HARUKA meta-PORTFOLIO ヒーローイメージ

単なる成果物の掲載から一歩先へ。
コーディング経験が少ないWEBデザイナーが、
自作デザインを基に、AIアシスタントと共にコードを調整・最適化。
一連の制作プロセスを公開し、AI時代の新しい制作アプローチを提示します。

デザインシステムを見る

DAY1の制作過程サムネイル

STEP 01

企画・設計・サイトコンセプトの設定

DAY1の制作過程サムネイル

STEP 04

AIアシスタントとの実装サイクル

DAY1の制作過程サムネイル

STEP 05

サイト公開

制作過程を見る