---
title: "【免費活動】Live Demo — 用 AI 快速實現你的設計想法 | Claude Design + Claude Code + Figma 工作流"
slug: 2026-live-demo
url: https://academy.aapd.com.tw/events/2026-live-demo
state: completed
started_at: 2026-05-06T12:00:00.000Z
ended_at: 2026-05-06T13:30:00.000Z
hosting_type: custom
---

# 【免費活動】Live Demo — 用 AI 快速實現你的設計想法 | Claude Design + Claude Code + Figma 工作流

## When

- Starts: 2026-05-06T12:00:00.000Z
- Ends: 2026-05-06T13:30:00.000Z
- Status: completed

## Where

- Hosting: custom

## Description

使用 AI 工具（Claude） + Figma 快速展示－從設計、開發、迭代、部署上線一條龍的流程你想用 AI 快速展示設計概念、Prototype、甚至上線一個產品嗎？在這場 1.5 小時的直播活動中，Simon 將帶你實戰體驗 Claude Design 與 Claude Code 的完整工作流，從快速定義產品設計方向、迭代修正設計細節，到把設計成果無痛交接給 Claude Code 接手開發。過程中會 Demo 如何用 AI 建置基礎的設計系統元件（Design Tokens）與相關文件化，並透過 Figma MCP 達成設計與程式碼之間的雙向同步。Simon 也會分享如何正確和 AI 溝通，讓產出更精準的實戰技巧，以及更多 Vibe Coding 的原型範例與產品應用成果，並開放現場 Q&A！✨ 本場 Live Design 的示範重點使用 Claude Design 快速定義產品設計方向針對 Claude Design 產出來修正和迭代設計細節了解如何把 Claude Design 的成果由 Claude Code 接手開發用 AI 來建置基礎的設計系統元件 (Design Tokens)與文件化用 Figma MCP 來達成設計 ↔ 程式碼同步與持續優化學會正確和 AI 溝通的技巧，讓 AI 的產出更為精準更多原型範例與相關 Vibe Coding 產品應用成果有任何相關問題都可以先到 Slido 留言 👉🏻 https://aapd.cc/Slido-2026-LiveDemo

## Hosts

- [Simon Lin](https://academy.aapd.com.tw/@simonlin) — 課程講師 & 主理人
- [AAPD - As A Product Designer](https://academy.aapd.com.tw/@aapd) — AAPD 產品設計學院

## Tickets

- 【免費活動】Live Demo — 用 AI 快速實現你的設計想法: Free

## Categories

- [AAPD](https://academy.aapd.com.tw/categories/ai)

## FAQ

**請問當日無法參加怎麼辦？會留直播回放嗎？**

當日無法參加的夥伴別擔心，本次活動我們會保留全程直播影片！只要有報名成功，我a們都會在直播活動結束後寄送回放影片的連結到你的報名信箱中，如果已經有相關問題想詢問，都可以先到 Slido 留下問題唷 💪🏻💬 Slido 連結：https://aapd.cc/Slido-2026-LiveDemo