設計課程怎麼選？設計師的技能樹：RAR 七套課程完整指南
2026年7月8日 下午 8:05
UI/UX 設計COURSE GUIDE · 2026
QUICK ANSWER
學設計不用七套課全上，先選路線再選課。想做產品介面，走 Figma 到 Framer 的主線；想強化視覺，走 Photoshop 與 Illustrator 支線；想經營自媒體，走 Canva 到自媒體設計學。而「AI 覺醒設計應用攻略」是讓所有路線持續更新的被動技能。本文把 RAR 設計攻略全部課程排成一張學習地圖，幫你決定配點順序。
CHAPTER 01 · THE WRONG QUESTION
「先學哪個軟體？」這題本身就問錯了
「我該先學 Figma 還是 Photoshop？」——做設計教育這些年，這是我被問過最多次的問題。私訊、課程留言、講座 QA，換了十種問法，核心都是同一句。
而我的答案一直沒變：這題問錯了。
軟體是會過期的。過去十年，介面設計的主力工具從 Photoshop 切到 Sketch，再從 Sketch 切到 Figma；建站這條線更狠，Dreamweaver、WordPress、一路走到 Framer。每一次轉移，都有一批「只會某套軟體」的設計師被留在原地。
「先學哪個軟體」是第二步的問題。第一步是：你要成為哪種設計師。角色定了，工具自己會排隊。
“
先選角色，再選工具。
CHAPTER 02 · THE SKILL TREE
把七套課程，排成一棵技能樹
打遊戲的人都懂一件事：技能點有限，沒有人把每個技能平均點一點。你會先選一條路線，把核心點深，剩下的點數補支線。
學設計也一樣。奇怪的是，遊戲裡人人都懂的道理，一到學習就集體失憶——什麼都想學一點，結果什麼都只會一點。
所以我把 RAR 設計攻略的全部課程，畫成一棵技能樹：三條主動路線，一個被動技能。你不需要點滿，你需要點對。
SKILL TREE · RAR 設計攻略
START：你要成為哪種設計師？
↓
主線任務 · MAIN QUEST
產品介面設計
100 種 Figma 設計的方法
↓
Framer 網站設計課
視覺支線 · VISUAL
視覺風格與圖形
100 種 Photoshop 設計的風格
＋
100 種 Illustrator 設計的技巧
創作者路線 · CREATOR
內容產出與變現
跟著設計師一起學 Canva
↓
自媒體設計學
被動技能 · PASSIVE（全路線共用）
AI 覺醒設計應用攻略——訂閱制，讓整棵樹持續更新
這棵樹不是一夜長出來的。
7
套課程
561
堂課持續增加中
10,000+
位累積學員
樹上每一堂課，都是近十年、超過一萬名學員走過之後留下來的路。接下來三章，我一條一條路線講：這條路給誰走、課裡教什麼、學完你會變成什麼樣子。
CHAPTER 03 · MAIN QUEST
主線任務：Figma 進，Framer 出
第一條，也是最多人走的一條：產品介面設計。目的地是科技公司的 UI/UX 職位，或獨立接案的產品設計師。
起點是《100 種 Figma 設計的方法》。Figma 已經是產品設計的世界通用語，這套課用 19 個章節、123 堂課，從 Auto Layout、元件系統，一路教到互動原型與設計系統。目標很單純：讓你接到任何一個介面需求，手都不會停。
主線的下一站是《Framer 網站設計課：從零開始》。學會設計介面之後，下一個能力落差是「讓它真的上線」。Framer 讓設計師不寫程式就能把作品集、形象網站、接案作品直接發佈，42 堂課從零帶到上線。至於兩套工具的分工怎麼拿捏，我在〈Figma 與 Framer 怎麼選〉拆得更細。
CHAPTER 04 · VISUAL BRANCH
視覺支線：一百種風格，一百種技巧
第二條路線給另一種人：對「畫面好不好看」比對「流程順不順」更有感的人。品牌視覺、社群圖像、海報、包裝——這些工作的核心武器，還是 Adobe 雙雄。如果你還在猶豫自己是視覺派還是介面派，先讀〈平面設計 vs UI 設計〉，再回來配點。
《100 種 Photoshop 設計的風格》用一百堂課拆一百種視覺風格。它不教你工具藏在哪個選單，它教你一種風格為什麼成立、怎麼重現、怎麼變成你的。《100 種 Adobe Illustrator 設計的技巧》則是圖形那一側：Logo、插畫、向量圖形的一百種技巧，把「會用 Ai」升級成「能交件」。
兩套課的邏輯一致：不從選單第一排開始背，從作品反推能力。
CHAPTER 05 · CREATOR PATH
創作者路線：今天做完，今天發
第三條路線，我留給創作者。你可能是要顧社群的行銷人、想做個人品牌的上班族、或接案起步的自由工作者——你需要的設計，是「今天做完今天發」的設計。
起點是《跟著設計師一起學 Canva》。Canva 的門檻低到常被設計師看不起，但工具沒有貴賤，產出才有。47 堂課，教你用最短路徑做出不像模板的東西。
再往上是《自媒體設計學：用設計思維打造內容變現策略》。這套課不教軟體，教的是把設計思維接上內容策略——版面、封面、視覺一致性，怎麼變成漲粉與變現的槓桿。57 堂課，是我把近十年內容經營的方法論一次攤開。
CHAPTER 06 · PASSIVE SKILL
被動技能：不出手，卻持續生效
前面三條路線都是主動技能：點了，你就多一個能力。但 2026 年的設計圈還有另一種能力，更像遊戲裡的被動技能——不出手，卻持續生效。
那就是「跟上」這件事本身。
AI 工具的迭代速度，已經超過任何一套買斷課程能覆蓋的範圍。Figma 一年一場 Config、Adobe 每季塞新功能、Claude 這種模型半年換一個世代。買斷課程解決「學會一套軟體」，解決不了「軟體每週都在變」。
「AI 覺醒設計應用攻略」用訂閱制，就是為了這件事：每週更新，只講對設計師真正有用的 AI 應用，目前 92 堂持續增加中。什麼交給 AI、什麼留給自己，我在〈設計師到底該怎麼用 AI〉畫過一張判斷地圖——訂閱內容，就是那張地圖的每週實戰版。
▲ AI 覺醒設計應用攻略：Awaken Your Design Vibe
CHAPTER 07 · PICK YOUR BUILD
三種起點，三種配法
講完整棵樹，回到你身上。配點沒有標準答案，但有三種最常見的起點，我直接給組合：
BUILD 01
轉職準備者
零基礎，目標 UI/UX 職位
Figma → Framer
＋ AI 覺醒訂閱
先讓作品集存在，再讓它上線。
BUILD 02
在職設計師
已有一條主線，想加深度
Photoshop 或 Illustrator
＋ AI 覺醒訂閱
補視覺深度，把 AI 排進工作流。
BUILD 03
創作者・接案者
經營自媒體或個人品牌
Canva → 自媒體設計學
＋ AI 覺醒訂閱
產出速度優先，變現策略跟上。
共同點你應該看出來了：不管走哪條路線，被動技能都掛著。主動技能決定你走多快，被動技能決定你走多遠。
CHAPTER 08 · TAKEAWAYS
一分鐘懶人包
CHEATSHEET
① 先選角色，再選工具——路線錯了，課再好都白學。
② 產品介面主線：Figma 進，Framer 出。
③ 視覺風格支線：Photoshop 練風格，Illustrator 練圖形。
④ 創作者路線：Canva 起手，自媒體設計學變現。
⑤ 不管哪條路線，AI 覺醒設計應用攻略當被動技能掛著。
⑥ 點滿不如點對：一條主線＋一個被動技能，就足以開始工作。
設計這一行最迷人也最殘酷的地方，是它永遠在換工具。近十年，我看著 Sketch 起來又下去、看著 Figma 從小眾變成標準、看著 AI 在一年內改寫所有人的工作流。你的完整課程地圖，都在 rar.design/courses。
軟體每年都在換版本。你選的路線，會跟你十年。
RELATED READS · 延伸閱讀
常見問題
Q：完全零基礎，第一套課該選哪個？
A：看目標，別看難度。想進科技業做產品，從《100 種 Figma 設計的方法》開始；想做品牌視覺或接案，從《100 種 Photoshop 設計的風格》開始；想經營自媒體，從《跟著設計師一起學 Canva》開始。
Q：需要把七套課全部上完嗎？
A：不需要。一條主動路線加上一個被動技能，就足以開始工作。技能樹的重點是點對，其他支線等主線穩了再回頭補。
Q：課程是買斷還是訂閱？
A：六套工具課程都是買斷制，購買後無限次觀看；「AI 覺醒設計應用攻略」是訂閱制，內容每週更新，跟著 AI 工具的節奏走。
Q：沒有美術背景也能學嗎？
A：可以。每條路線的第一套課都從零開始，不預設任何軟體或美術基礎。過去累積的一萬多名學員裡，非本科轉職的比例一直很高。
Q：Figma 和 Framer 要先學哪個？
A：先 Figma。Framer 是把設計變成上線網站的下一步，介面設計的基本功還是在 Figma 裡養成。兩套工具的分工，可以參考站上〈Figma 與 Framer 怎麼選〉那篇。
Q：AI 都能生成設計了，還需要學這些軟體嗎？
A：更需要。AI 拉高了產出速度，也同時拉高了判斷力的門檻——看得懂好壞的人，AI 是槓桿；看不懂的人，AI 只是更快地做出普通的東西。工具課養判斷力，訂閱內容養 AI 應用，兩者是相乘的。