---
title: "RAR 設計攻略"
url: https://rar.design
---

# RAR 設計攻略

> 設計師 Riven 的設計攻略｜線上課程｜設計方法｜軟體教學

## Courses

- [100 種 Figma 設計的方法｜UI/UX 線上課程](https://rar.design/courses/figma): 今年最新數位產品 Figma 設計線上課程，從零到一百學會 UI/UX 使用者介面與體驗設計。
- [100 種 Adobe Illustrator 設計的技巧](https://rar.design/courses/ai): 今年最新平面設計技能線上課程，完整學會 Ai 設計軟體的實戰應用功能。
- [100 種 Photoshop 設計的風格](https://rar.design/courses/ps): 今年最新視覺設計技能線上課程，完整學會 Ps 軟體的一百種設計風格。
- [自媒體設計學：用設計思維打造內容變現策略](https://rar.design/courses/contentstrategy): 從社群創作到商業價值，讓內容設計成為你的最佳收入策略！
- [↗↗跟著設計師↘↘ 一起學 Canva](https://rar.design/courses/canva): 今年最新 Canva 設計線上課程｜自媒體、社群經營、行銷必學
- [AI 覺醒設計應用攻略【訂閱制】](https://rar.design/courses/aiwaken): 將 AI 變成你的設計外掛：網頁、繪畫、動畫、影片，一套工作流、一台電腦、一人全開通

## Posts

- [AI 最貴的從來不是訂閱費──是它逼你把自己講清楚](https://rar.design/posts/claude-code-ai-agent-real-cost): Claude Pro 暗中拿掉 Claude Code，但真正的門檻從來不是那 100 美金
- [AI 當代的廣告設計：從一張圖，到一組基因](https://rar.design/posts/ai-era-advertising-design): 這不是 AI 取代設計師的故事，而是廣告設計整個工作階層的重組 —— 以及，設計師還能站在哪裡。
- [ChatGPT Images 2.0 登場｜OpenAI 下一代圖像生成模型的五大升級、Thinking Mode 與設計師應用](https://rar.design/posts/gpt-image-2-openai-next-gen-image-model): 從 duct tape 代號外洩到正式封箱出貨 ― Thinking Mode、99% 文字渲染、批次輸出 10 張，以及為什麼 5/12 前你該完成遷移
- [Kimi K2.6 完全介紹：一句 prompt 生成完整網站，開源模型正面對決 Claude Opus 4.6](https://rar.design/posts/kimi-k2-6-complete-guide): Moonshot AI 開源 1T 參數的 K2.6，從設計稿直接產出前後端、單次跑 12 小時、300 個 agent 平行工作——這是不是開發流程被打掉重來的起點？
- [Claude Design 完全指南:Anthropic 設計師公開一人支援 7 個產品的 8 個工作流](https://rar.design/posts/claude-design-complete-guide): 從 Figma 股價應聲下跌、Brilliant「20 prompts 變 2 prompts」,到 Anthropic 垂直產品設計師 Ryan Mather 的真實工作流拆解
- [Claude Design 是什麼？Anthropic 最新 AI 設計工具完整介紹](https://rar.design/posts/claude-design-introduction): Opus 4.7 驅動的設計預覽版,讓你用對話做 prototype、簡報與 landing page
- [MotionSites 是什麼？用 Prompt 就能產出高級動態網站的提示詞庫完整介紹](https://rar.design/posts/motionsites-ai-prompt-library): 不用寫程式，複製貼上結構化 Prompt 就能產出帶動畫的專業 Hero Section
- [Canva Create 2026 完整解析：AI 2.0、Affinity 整合、Cavalry 全面免費](https://rar.design/posts/canva-create-2026): 從設計工具到創作作業系統——一次看懂這場改寫設計軟體版圖的發表
- [Claude Opus 4.7 發表:目前公開可用的最強 Opus,視覺能力大三倍、指令遵循更嚴謹](https://rar.design/posts/claude-opus-4-7): Anthropic 最新旗艦模型正式上線 — 視覺處理拉到 2,576 px、新增 xhigh 思考檔位、Claude Code 多了 /ultrareview 深度審稿
- [Chrome Skills 是什麼？Gemini 把常用提示詞變成一鍵技能，跨分頁也能跑](https://rar.design/posts/chrome-skills-gemini-tutorial): Google 在 Chrome 推出 Skills 功能：把長提示存成可重複使用的工具，斜線一打就能在當前網頁與多個分頁同時執行
- [Seedance 2.0 是什麼?ByteDance 最強 AI 影片模型,Dreamina 國際版上線進度完整介紹](https://rar.design/posts/seedance-2-0-dreamina-international-guide): 字節跳動 Seed 團隊的影片生成模型分區開放中,台灣使用者該知道的事
- [LoFi Girl 同款音樂影片製作教學：用 Suno + Seedance 2.0 做出你自己的版本](https://rar.design/posts/lofi-girl-music-video-tutorial-suno-seedance): 拆解 LoFi Girl 真正的 DNA、用 AI 工具從零做出一支 1 小時 YouTube 影片、附新手五大踩雷清單
- [2026 UI/UX 設計趨勢全解析：10 個正在改寫介面的方向](https://rar.design/posts/ui-ux-design-trends-2026): 從 Generative UI 到 Liquid Glass，介面開始學會替使用者「想下一步」
- [Suno v5.5 完整解析：Voices、Custom Models、My Taste 三大個人化功能拆解](https://rar.design/posts/suno-v55-voices-custom-models-update): 人聲克隆、風格訓練、偏好學習，AI 音樂從「能做歌」走向「像你做的歌」
- [Project Glasswing 是什麼？Anthropic 把「太強不敢賣」的 Claude Mythos 交給 12 家巨頭](https://rar.design/posts/project-glasswing-claude-mythos): 一個找出 27 年 OpenBSD 漏洞的前沿模型，與一場重劃 AI 資安邊界的聯盟行動
- [Figma State Machines 實戰教學：做一張會互動的數據卡片](https://rar.design/posts/figma-state-machines-heart-rate): 用 component variants 與 smart animate 組出三個狀態，再透過 LottieFiles 外掛匯出成 dotLottie。以 Heart Rate 類型為例的完整拆解
- [Figma State Machines 完整介紹：原型流程一鍵變成可互動的 dotLottie 檔](https://rar.design/posts/figma-state-machines): LottieFiles 把設計師最大的交付痛點解決了——你在 Figma 接好的互動，現在能直接在 web、iOS、Android 上跑
- [為什麼你的 Canva 設計總是看起來像範本？5 個設計師才知道的關鍵差異](https://rar.design/posts/canva-template-design-difference): 從套版到原創，關鍵不在 Canva，而在設計思維
- [Adobe Turntable 教學：Illustrator 新功能讓 2D 向量圖一鍵轉 3D](https://rar.design/posts/adobe-illustrator-turntable-tutorial): AI 自動生成 74 個可編輯向量視角，角色轉面、產品展示再也不用手動重畫
- [Figma Make 新功能介紹：Make kits 與 Make attachments 完整解析](https://rar.design/posts/figma-make-kits-attachments): 把設計系統與真實檔案直接餵給 AI，原型從第一版就貼近你的產品
- [Claude Managed Agents 是什麼？Notion、Asana 變聰明背後的那層新基礎建設](https://rar.design/posts/claude-managed-agents): Anthropic 4 月發表的雲端 Agent 基礎建設完整解讀──這是 AI 時代的 AWS 時刻，以及它對設計師與創作者的真正意義
- [Spline Omma 是什麼？一個指令生成 3D 模型、場景與互動網頁的 AI 畫布](https://rar.design/posts/spline-omma-ai-3d-tutorial): Spline 團隊推出的全新 AI 畫布，把 3D 建模、動態設計、UI 與互動整合進同一條對話式工作流，設計師直接從靈感跳到成品。
- [Lovable 推出「The New Class of Founders」：一個用互動地球儀重新定義創辦人的品牌 campaign](https://rar.design/posts/lovable-new-class-of-founders): 當 AI 讓每個人都能 ship 產品，Lovable 用一個行銷網站告訴我們——founder 不再只有一種長相
- [Figma Weave 是什麼？把生成 AI 拉進節點畫布的下一代設計工具](https://rar.design/posts/figma-weave-introduction): 從一個 prompt 到一整套品牌素材，Figma 用節點工作流改寫了 AI 設計的玩法
- [vol.02｜她當過服裝設計師、女僕、彩妝師、民宿主人，在現實與虛擬之間反覆橫跳的宅宅女生](https://rar.design/posts/jill): Jill 的拼圖哲學 ✮ ⋆ ˚｡𖦹 ⋆｡°✩ 萬花筒設計師 ——〈設計師的一百種形狀〉專欄特輯
- [《蘋果之道》讀後心得:蘋果 50 年給創作者的 5 個啟發](https://rar.design/posts/apple-50-years-book-review): 從賈伯斯的玻璃、Newton 的失敗,到 Apple I 的笨拙——一本寫給所有在創作路上的人的書
- [Recur 介紹：Teachify 創辦人打造的台灣訂閱收費平台，平台費 0% + AI Agent 整合](https://rar.design/posts/recur-tw-introduction): 從 Stripe 到綠界都解決不了的台灣訂閱金流難題，Recur 想用 AI Agent 一次重寫遊戲規則
- [Photoshop 毛玻璃效果教學：4 個步驟做出真實的霧面玻璃質感](https://rar.design/posts/photoshop-frosted-glass-tutorial): 不是高斯模糊就叫毛玻璃,少了紋理跟厚度都不對——這篇帶你用 PS 內建濾鏡做出有質感的 Frosted Glass 效果
- [Google Gemma 4 完整介紹：免費開源、手機也能跑的最強 AI 模型家族](https://rar.design/posts/google-gemma-4-open-source-ai-model): 基於 Gemini 3 技術、Apache 2.0 授權、四種尺寸從手機到工作站全覆蓋，設計師也該認識的新世代開源 AI
- [設計師的頭銜保鮮期，只剩十年？200 年職業演化史與 AI 時代生存指南](https://rar.design/posts/design-job-title-history-ai): 題從刻字匠到 AI Generative Lead——那些消失的設計職業教會我們的事
- [2026 年最推薦的 10 大 AI 應用設計工具｜設計師完整指南](https://rar.design/posts/ai-design-tools-2026): 從 Figma Make 到 Google Stitch，從 Adobe Firefly 到 Lovable——每個工具的核心功能、適合誰、價格比較一次看完
- [Claude 可以做什麼？2026 最完整功能介紹與應用教學](https://rar.design/posts/claude-applications-guide): 從對話聊天到自動化代理人，一次搞懂 Claude 的產品生態系、核心功能與實戰應用場景
- [Don't Make Me Think 設計書推薦：每位設計師都該讀的易用性經典](https://rar.design/posts/dont-make-me-think-book-review): Steve Krug 的三大易用性法則，教你設計出使用者不需要思考的介面
- [Claude 介面設計解析：Anthropic 如何用色彩、字體和摩擦力打造品牌定位](https://rar.design/posts/claude-interface-design-philosophy): 從產品設計負責人 Joel Lewenstein 的訪談，拆解 Claude 每一個設計決策背後的策略邏輯
- [Lovable 完整介紹：不再只做 App，試算表、簡報、資料分析、影片全部包進來了](https://rar.design/posts/lovable-general-tasks-introduction): 從 no-code app builder 到全方位 AI 工作平台，Lovable 2026 年 3 月重大更新解析
- [Claude Computer Use 教學：讓 AI 直接操作你的電腦，搭配 Dispatch 手機遠端指揮](https://rar.design/posts/claude-computer-use-dispatch): Anthropic 最新功能完整介紹——從運作原理、安全機制、設定步驟到設計師實用場景
- [Figma 開放 AI Agent 直接操作畫布：use_figma 工具與 Skills 技能系統完整介紹](https://rar.design/posts/figma-use-figma-agents-canvas-skills): 從今天起，Claude Code、Codex 等 AI Agent 可以在你的 Figma 檔案裡建立元件、套用 Design System——設計師的角色正在改變
- [Claude Dispatch 教學：手機遠端操控電腦 AI，Cowork 全新功能完整介紹](https://rar.design/posts/claude-dispatch-cowork): 出門在外也能指派任務，回來就看到成果——Anthropic 官方的遠端 AI 工作流
- [Figma Make 完整教學：從 Prompt 到可互動原型的實戰指南](https://rar.design/posts/figma-make-tutorial): AI 驅動的 prompt-to-app 工具，讓設計師用文字描述就能生成高保真互動原型
- [Google Stitch 教學：用 AI 生成 UI 設計的免費工具，完整功能介紹與操作指南](https://rar.design/posts/google-stitch-ai-ui-design-tutorial): Google 推出的 AI UI 設計工具 Stitch，用文字或圖片就能生成介面設計和前端程式碼，還能一鍵匯出到 Figma。
- [Manus Desktop 新登場：My Computer 功能介紹，AI Agent 直接操控你的電腦](https://rar.design/posts/manus-desktop-my-computer): 從雲端走進本機——Manus 桌面版讓 AI 直接整理檔案、建 App、遠端操控你的電腦
- [設計師作品集網站怎麼做？Webflow、Framer、Squarespace 等五大平台完整比較](https://rar.design/posts/designer-portfolio-website-comparisonshare): 從設計自由度、價格、SEO 到學習門檻，幫你找到最適合的架站工具
- [Figma AI 教學：所有 AI 功能完整介紹，從圖片編輯到 MCP 雙向工作流](https://rar.design/posts/figma-ai-guide): 功能太多記不住？這篇幫你一次整理 Figma 目前所有 AI 功能，告訴你哪些真的好用。
- [Claude AI 教學：從註冊到進階應用完整指南](https://rar.design/posts/claude-ai-tutorial-complete-guide): 一次搞懂 Claude 模型、方案選擇、核心功能與設計師應用場景
- [Uber uSpec 教學：用 AI Agent 自動產出 Figma 元件規格，幾分鐘搞定整套文件](https://rar.design/posts/uber-uspec-figma-ai-agent-design-specs): Uber 設計系統團隊開源了 uSpec——透過 Figma Console MCP 讓 AI Agent 直接讀寫 Figma，自動產出 Anatomy、API、色彩標注、無障礙規格等六大文件頁面。
- [Illustrator Text to Pattern 教學：AI 一鍵生成無縫向量圖樣，Prompt 對照表與實際應用](https://rar.design/posts/illustrator-text-to-pattern): 用 Adobe Firefly 驅動的生成式圖樣功能，幾秒內產出 damask、paisley、botanical 等經典紋理
- [Photoshop 2026 AI 功能完整介紹：AI Assistant、第三方模型、Harmonize 一次搞懂](https://rar.design/posts/photoshop-2026-ai-features): 從 AI 對話修圖到智慧放大，Photoshop 史上最密集的 AI 進化期，設計師必須知道的所有更新
- [2026 設計趨勢完整解析：不完美就是新完美，AI 時代的設計師生存指南](https://rar.design/posts/2026-design-trends): 從 Pantone Cloud Dancer、Imperfect by Design 到 AI 設計工作流，一次看懂今年最重要的視覺方向
- [Suno AI 完整介紹：用文字做一首歌的 AI 音樂生成平台，功能、價格與創作者應用](https://rar.design/posts/suno-ai-music-generator-guide): 從 V5 模型到 Suno Studio，一次搞懂這個估值 24.5 億美元的 AI 音樂工具怎麼用
- [Framer Convert 教學：用漏斗分析、A/B 測試、動態觸發提升網站轉換率](https://rar.design/posts/framer-convert-cro-tutorial): 設計師的 CRO 工作流——不用寫程式，直接在 Framer 裡完成轉換率優化

## Lecturers

- [設計師 Riven](https://rar.design/@riven): 資深數位產品設計師｜知名線上課程講師

---

## Using this site programmatically

All page URLs listed above support HTTP content negotiation. To get a clean markdown version of any page, send a request with:

```
Accept: text/markdown
```

The server will return structured markdown with YAML frontmatter instead of HTML. Supported paths:

- `/` (homepage)
- `/faq`
- `/lecturers` (lecturer index)
- `/@:slug` (lecturer profile)
- `/courses/:slug`
- `/posts/:slug`
- `/plans/:slug`
- `/events/:slug`
- `/digital-downloads/:slug`
- `/categories/:slug`

For a single-document content bundle covering courses, posts, and digital downloads, fetch [rar.design/llms-full.txt](https://rar.design/llms-full.txt).

## Platform

This site runs on [Loopwise](https://loopwise.com) (formerly Teachify) — a course, event, and digital-product platform for creators.