Portfolio

Figma MCPを活用して、デザインと実装に挑戦したポートフォリオサイトです。

🔗 Live

• 🌐 https://ayanentity.com ← 独自ドメイン✨

🧠 Concept

初めての一人でVibe Coding ！！ Figmaで作成したデザインをもとに、MCPを介して開発へ接続し、開発を進めました！！Cursorで自然言語ぽちぽち指示していたらあっという間にできました！！

🏗 Design

手描きのラフ画を参考に、Figmaで整形しました！！ 今回は機能やページ情報の整理のために、FigJamを用いて要件整理にも挑戦してみました！✨

🚀 Features

• 🎨 デザイン駆動開発（Figma）
• 🔗 MCPによるデザインとコードの接続
• ⚡️ Next.js + Vercelによる高速配信
• 🌍 独自ドメイン運用
• 📱 レスポンシブ対応

🏗 Architecture　（ AIによるものなので、本当かどうかは怪しいです🫠 ）

Figma (Design)
   ↓ MCP
Component Structure
   ↓
Next.js
   ↓
Vercel (Hosting)
   ↓
Custom Domain