# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Open Design (@OpenDesignHQ) · 平台：X (Twitter) · 日期：2026-06-18

> 原始來源：https://x.com/OpenDesignHQ/status/2067192475853180997

## 中文摘要

Open Design 推出Cursor Design模式，輔助進行網頁設計與程式開發。

Open Design 團隊於 2026 年 6 月 17 日正式推出「Cursor Design」，這是一套旨在將設計與開發流程深度整合的開源解決方案。該平台強調「設計即開發」的理念，允許使用者在設計過程中隨時介入控制，透過 AI 進行標註、評論、編輯及重組，實現真正的 AI 設計工作室運作模式。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1781754741457-hg7pfj0n.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/9da6b7321ad084a2.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 影片展示了如何使用 Open Design 平台進行網頁設計與 AI 輔助開發。

**核心功能與應用**
Open Design 支援多種互動模式，使用者既能將其作為「Cursor」編輯器的外掛使用，也能透過獨立平台直接操作。其關鍵功能包括：
- 互動式 AI 設計：使用者可透過自然語言指令直接修改網頁元素，例如調整標題文字內容或變更元件顏色。
- 視覺化重組：平台具備截圖抓取功能，能分析外部設計資源（如 Dribbble、Behance 或 Awwwards），並將其樣式轉化為對應的 HTML 程式碼。
- 專案監控：在「SynapseX」等專案介面中，系統會即時顯示關鍵數據指標，例如 Integrity (9.9%)、BEHAVIORAL ACTIVITY (7.2M) 以及 PREDICTIVE MODEL (93%)。

**操作流程與資源**
該平台介面設計採左右分欄佈局，左側整合了檔案管理與 AI 對話視窗，右側則提供即時預覽與編輯區。開發者與設計師可透過以下連結取得專案資源：
- 專案原始碼：[Open Design GitHub](https://github.com/nexu-io/open-design)

**技術定位**
Open Design 的出現反映了設計工具正從單純的繪圖軟體轉向「Agentic 程式開發」的實踐。透過將 AI 深度嵌入設計工作流，該工具不僅能自動生成程式碼，還能讓使用者在保持對設計細節掌控的前提下，大幅提升從概念到成品網頁的開發效率。

## 媒體內容

**影片展示了如何使用 Open Design 平台進行網頁設計與 AI 輔助開發。**

**影片中的 Prompt 與操作**

Prompt（00:00）：

```
將內容改為 Human and Tech
```

原文：08: change the content to Human and Tech

Prompt（00:00）：

```
將顏色改為漂亮的綠色
```

原文：18: change the color to a beautiful green

Prompt（00:00）：

```
我想複製這個網頁，請幫我並給我一個 html
```

原文：35: I want to copy this web, please help me and give me a html

操作步驟：

1. @0:08 在編輯器中選取文字並輸入修改指令
2. @0:18 在編輯器中選取文字並輸入顏色修改指令
3. @0:24 開啟參考資源瀏覽器
4. @0:29 截取網頁畫面
5. @0:35 在對話框輸入網頁複製指令

## 標籤

AI-native, 新產品, 開源專案, Web, Open Design, Cursor