# Intro

這是一個 Cloneable 的 Notion, 所以歡迎大家 Clone 回去把它變成適合你們的工作方式。

![👉](https://static.xx.fbcdn.net/images/emoji.php/v9/tf0/2/16/1f449.png) **Webflow 檢查表項目連結(免費下載):** [https://bit.ly/3zuANpi](https://l.facebook.com/l.php?u=https%3A%2F%2Fbit.ly%2F3zuANpi%3Ffbclid%3DIwAR3W9u7zUm5T9aFx030jPoNZEqEtTwKnc01gIcbCVL8cboAJP3yR4CoEnBc\&h=AT2DtOwpjJf1FoktE4_ObTdOK4T-oApvC1cqhDNMk6LoAmu_WoUZ9_bucuYKC_yuLqI5_DfsGhxkguNzQafURUEYzo7ZYl16yVWr0xudnt0EehRPWCrFJaTR-ScuLFop6tWUlF0&__tn__=-UK-R\&c\[0]=AT3TTFrG1THLT2GWmlNV4jiaIw9RS_8ipxAtRjBc9dOWYY4iET_SvnXpGwvgkIzcawNhRZxg4uTfGkVhC0NicjW9Z5-XNQj3Cy-xnTmPY0_eVZ7tDbMqaH4bG-wCC4s_t4tcdPq-vet7kUP_gbxZub9QcPseWFcU6-XSPlO7LFgrUhm0fDdDpgNBN_Z6UTwzgJE4WFyiqBauz5Ip8Q)

\-----

另外跟大家預告一下我們的 Webflow Academy 課程已經製作 60% 了, 預計應該是在 8 月中旬可以上線。課程內容應該是跟 Flux Academy 的 MasterClass 接近 (定價約 $649 USD)，我們課程的定價應該也會差不多。而在看過 Flux 的全部課程內容後我們發現其視頻大多是重複的教學內容居多只是套上不一樣的主題與應用，將整套 Bundle 課程上完的話大約需要 **$3300 USD** 。\
\
而我們設計課程跟 Flux Academy 的差異除了英文與中文語系之外。我們的目標不僅僅只是賣課程內容，我們會更像是一個 Workshop Community 的產品，因為作為亞洲第一個 Webflow 代理商的我們更想達成的目標是在中文設計師社群中推廣讓大家認識 Webflow, Figma, Notion..等新型態的 No Code 工具，讓大家能夠親身體驗 tenten 在台灣能夠成為頂級 UI/ UX 工作室獨特的工作方法與設計思維。讓大家能夠持續在社群上一起獲得高速的職涯增長，創作出頂級的作品!-----因此, 不管你的目標是找到科技公司的 UI/ UX 設計相關的工作, 或是讓你能夠成為更進階的 Freelancer 或是讓你的設計工作室業績更上一層樓! 這才是 Webflow Academy by tenten 想達到的目標。\
\
![👉](https://static.xx.fbcdn.net/images/emoji.php/v9/tf0/2/16/1f449.png) **\[Roadmaps: Webflow Academy 會藉將會有以下的 features]**

* Lifetime: **$699 USD** (終生會藉。為了保證質量, 終生會員價格會隨著會員數提升而漲價) / 3 Months: 278 USD (3 個月會藉)
* Community Access: 會員討論區
* 學員於專屬討論區提問後會有專業講師回答或是做視頻解答您的問題
* 影音課程持續更新
* Webflow Academy 完成課程認證書
* 學員結業作品 Review
* 學員訪談與設計師個人作品展示區
* Workshop/ QA Session
* Webinar
* 工作張貼與外發媒合版塊
* 不定期 Webflow 或其他 No Code SaaS 折扣碼

\-----

![👉](https://static.xx.fbcdn.net/images/emoji.php/v9/tf0/2/16/1f449.png) **現在加入電子報會員，我們會在上線後寄送高達 40% off 折扣碼 ! 給 early birds** ![😈](https://static.xx.fbcdn.net/images/emoji.php/v9/t75/2/16/1f608.png) (limited offer for 30 days!): [https://bit.ly/3vf4gkB](https://l.facebook.com/l.php?u=https%3A%2F%2Fbit.ly%2F3vf4gkB%3Ffbclid%3DIwAR218t9aO1IeJmbeDhuXWSR9uTOne6dFAJyQo09ieZMZl0-OCP8WpOPHlMU\&h=AT2tuequjYUcLjISYlh5hMjSkP0ai7vztLt5VS6vQbOpWotcT-2iEsb_on_oK8hcV4-mHR8ee_x0SY1R8jxOTdX7ZhvbqK4EUfI8pb7vrkUj2-_Arb4qzcbn4-ASiO6nyALAzRI&__tn__=-UK-R\&c\[0]=AT3TTFrG1THLT2GWmlNV4jiaIw9RS_8ipxAtRjBc9dOWYY4iET_SvnXpGwvgkIzcawNhRZxg4uTfGkVhC0NicjW9Z5-XNQj3Cy-xnTmPY0_eVZ7tDbMqaH4bG-wCC4s_t4tcdPq-vet7kUP_gbxZub9QcPseWFcU6-XSPlO7LFgrUhm0fDdDpgNBN_Z6UTwzgJE4WFyiqBauz5Ip8Q)

另外有些來自香港跟馬來西亞的朋友也有詢問關於 Webflow 的問題; 如果對於課程有任何建議可以到我們的 Trello Roadmap 留言, thanks. [https://bit.ly/3OvB4wz](https://bit.ly/3OvB4wz?fbclid=IwAR0yaeX3s0BdgoqQc7i8JN5xI80MgD4QBeSi3cwMEOpJdPtgsOb95aJIeVM)

#### **適用對象**

<table><thead><tr><th width="150">對象</th><th>痛點</th><th>您將可以學會</th></tr></thead><tbody><tr><td>設計系學生/ Junior</td><td>您已經對於圖像設計有基本的基礎，但對於 Web/ APP UI 與 UX 並沒有太多實戰經驗，對於 HTML/ CSS 也只有基礎的了解。</td><td><ul><li>準備作品集</li><li>建立履歷與個人網站幫助您找到第一個理想的工作</li></ul><p></p></td></tr><tr><td>自由接案者或轉職</td><td><ul><li>Freelancer 轉職: 您嚮往著在家工作，自由安排時間的 WFM 生活，您服務的客戶範圍希望能非常的多元，從圖像設計, Logo, 行銷, 社群經營都可以是您的服務範疇 </li><li>平面設計師: 或許您是很有經驗的平面設計師，但面對客戶開始不需要只是單純的設計 Logo, 或印刷製作物，而開始有越來越多數位設計的需求，但您卻一直苦無其門而入</li></ul></td><td><ul><li>轉職規劃</li><li>自由接案設計師的作品網站</li><li>做出更專業的設計提案</li><li>讓您無需煩惱程式碼，更精準的將您的品牌設計轉化為網站!</li></ul></td></tr><tr><td>UI 設計師</td><td>您對於 UI/ UX 已經有全盤的了解，不論網站或是 Web App 產品的構成已經有基本的認知，也會修改一些 CSS 與 JS, 但對於企業內部執行網站設計專案對於與工程師的合作結果或是時程一直以來都無法如預其般有著更好的掌控，也好奇著工程師在一個大型專案背後他們需要掌握的知識為何</td><td><ul><li><strong>Do the impossible:</strong> 你想了解那些外國 Awwwards 得獎的網站或是這些歐美大型的網站是怎麼被執行出來的嗎? 來! 讓有經驗的 tenten 團隊告訴你!</li><li>更好的動畫控制: 是否覺得 UI 的動畫, 或是 Parallax 的捲動動畫很難控制?</li><li>將您的 UI 想法一一的執行出來: 您將能掌握跟專業的 Front End Developer 一樣的思考, 對於你來說已經沒有什麼做不出來的效果</li><li>輕鬆的打造專業的 UI Kit 或 Landing page</li></ul></td></tr><tr><td>PM/ 行銷/ 網站企劃</td><td>你已有多年的網站企劃, 文案, 行銷, PM 的經驗，但想擴充自己職涯技能，想獨立從企劃到設計將一個網站給做出來，不論是接案或者是創業。讓自己有更多的想像空間。</td><td><ul><li>轉職接案: 一站式的顧問服務 合夥創業: 你將可以</li><li>提升您的專業領域: 透過掌握 Webflow, 您將可以學會一切關於網站/ 產品/ 行銷 (如 SEO)..所需知道的一切專業知識</li></ul></td></tr><tr><td>Agency/ 企業</td><td>擅長於設計, 品牌, 或是社群行銷經營。但品牌設計專案執行完後的網站專案一直以來都讓您們非常的痛苦，尤其是沒有開發團隊或是找不到合適的開發接案人員幫你執行客戶的網站專案。</td><td><ul><li>解省預算: 不需依賴工程團隊去執行一個簡易的 B2B 網站, 或是大型的企業官網，完全透過內部的設計師即可完成 </li><li>Worry Free: 無需擔心客戶網站的穩定度 </li><li>安全: 無需擔心客戶的網站是否被駭 </li><li>開除您的工程師團隊吧!😵 於其是製作頁面，您將可以讓工程師團隊專注於做更能將產值做大化的開發工作</li></ul></td></tr><tr><td>Startup/ 創業者</td><td>不論是經營服務型公司, B2B , SaaS 或是電商, 您對於網頁有著獨特的想法，但又沒有經費請設計公司幫您執行，透過 DIY 對於自己生意/ 產品的 MVP 在公司的初創階段能夠更高的掌握度</td><td><ul><li>不管你是什麼身分: CEO/ COO/ CMO/ CTO, 皆可以透過 Webflow 與您的合夥人輕易的將商業雛形或是 MVP 打造出來，用於驗證市場或是進行融資</li></ul></td></tr></tbody></table>

![學習如何當一個產品設計師 - Webflow/ Nocode 大師班](https://i.imgur.com/oFLR3bW.png)

\-

(work in progress)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-masterclass/intro.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.