---
title: "設計課程怎麼選？設計師的技能樹：RAR 七套課程完整指南"
slug: designer-skill-tree-course-guide
url: https://rar.design/posts/designer-skill-tree-course-guide
published_at: 2026-07-08
modified_at: 2026-07-08
author: "設計師 Riven"
category: "UI/UX 設計"
tags: ["AI 設計", "UI/UX", "學習地圖", "設計課程"]
access: public_access
---

# 設計課程怎麼選？設計師的技能樹：RAR 七套課程完整指南

> 從 Figma 到 AI 覺醒，把七套課程排成三條路線：先選角色，再選工具

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-07-08

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 怎麼選〉拆得更細。 COURSE100 種 Figma 設計的方法主線任務第一站：123 堂課，把介面設計的基本功一次點滿。了解課程 →COURSEFramer 網站設計課：從零開始主線的進化技能：設計完直接上線，作品集與接案網站自己來。了解課程 → CHAPTER 04 · VISUAL BRANCH 視覺支線：一百種風格，一百種技巧 第二條路線給另一種人：對「畫面好不好看」比對「流程順不順」更有感的人。品牌視覺、社群圖像、海報、包裝——這些工作的核心武器，還是 Adobe 雙雄。如果你還在猶豫自己是視覺派還是介面派，先讀〈平面設計 vs UI 設計〉，再回來配點。 《100 種 Photoshop 設計的風格》用一百堂課拆一百種視覺風格。它不教你工具藏在哪個選單，它教你一種風格為什麼成立、怎麼重現、怎麼變成你的。《100 種 Adobe Illustrator 設計的技巧》則是圖形那一側：Logo、插畫、向量圖形的一百種技巧，把「會用 Ai」升級成「能交件」。 兩套課的邏輯一致：不從選單第一排開始背，從作品反推能力。 COURSE100 種 Photoshop 設計的風格視覺支線的風格庫：一百種風格，練出你自己的那一種。了解課程 →COURSE100 種 Adobe Illustrator 設計的技巧視覺支線的圖形語言：Logo、插畫、向量的一百種技巧。了解課程 → CHAPTER 05 · CREATOR PATH 創作者路線：今天做完，今天發 第三條路線，我留給創作者。你可能是要顧社群的行銷人、想做個人品牌的上班族、或接案起步的自由工作者——你需要的設計，是「今天做完今天發」的設計。 起點是《跟著設計師一起學 Canva》。Canva 的門檻低到常被設計師看不起，但工具沒有貴賤，產出才有。47 堂課，教你用最短路徑做出不像模板的東西。 再往上是《自媒體設計學：用設計思維打造內容變現策略》。這套課不教軟體，教的是把設計思維接上內容策略——版面、封面、視覺一致性，怎麼變成漲粉與變現的槓桿。57 堂課，是我把近十年內容經營的方法論一次攤開。 COURSE跟著設計師一起學 Canva創作者路線的起手式：門檻最低、產出最快的設計起點。了解課程 →COURSE自媒體設計學創作者路線的變現引擎：把設計思維變成內容策略。了解課程 → 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 · 延伸閱讀 平面設計 vs UI 設計：差在哪、薪水差多少、轉職難不難？ →還沒決定走視覺派還是介面派，先看這篇。Figma 與 Framer 怎麼選？2026 設計師的工具分工完整解析 →主線任務兩套工具的分工細節。設計師到底該怎麼用 AI？一張判斷地圖 →什麼交給 AI、什麼留給自己的完整判斷框架。Claude Fable 5 可以做什麼？設計師的完整應用指南 →被動技能路線的最新一堂：目前最強的設計輔助模型。Figma Config 2026 重點懶人包：設計師先學哪個？ →主線工具一年一度的大更新，先看這篇補進度。過去十年的網站設計趨勢：從 iOS 7 扁平化到 Liquid Glass →工具十年一輪替的完整證據。 SUBSCRIPTIONAI 覺醒設計應用攻略AI 工具每週都在更新，我幫你過濾雜訊，只留對設計師真正有用的應用。了解訂閱 → 常見問題 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 應用，兩者是相乘的。