隨著人工智慧 (AI) 的蓬勃發展,設計師的工具也在逐步進化。作為一名網頁設計師,經常需要處理從設計到前端實現的流程。在過去,所有需要透過程式來實踐的功能對視覺設計師來說都是一道門檻,多數的情況我們會使用既有套件來解決這個問題,某種程度套件也限制的設計的可能。但有了 AI 之後,這個門檻似乎變得不在遙不可及。只是在嘗試的過程中,有讓人驚喜的地方,也發現一些問題,這篇文章更多的是在分享這些經驗,而不是討論 Cursor 的使用方式或教學,希望這些經驗可以幫助你在選擇 AI 工具的時候,有一個採坑過的參考。
對片段程式的理解及註釋能力超強
我必須說:AI 對片段程式理解及註解的能力,遠超過我在職業生涯中所合作過的任何一名工程師。
你可以想像這樣的場景,假設你是一名工程師,今天剛轉職到某間公司,在完成報到手續並打開案子正要大展身手的時候,發現裡頭的專案檔橫跨十個年頭,期間經歷有資深的工程師、有新手工程師等等人員的來去,留給你的是一堆混亂、無註解且良莠不齊的程式碼,是工程師口耳相傳的「屎山代碼」,相信這對任何來接手的工程師都會是一場惡夢!
但 Cursor 可以完全在不帶情感及喜好的情況下去分析既有的程式,遇到看不懂的地方也可以請 AI 詳細說明,不論是一段較長的程式碼或是局部代碼,AI 都可以很輕鬆的理解並解釋,而且完全是實用等級。只要你有足夠的耐心,以小段落的方式餵養,上述案例都可以透過 AI 逐步釐清。雖然你也可以自己逐行閱讀並理解,但顯然效率絕對不會比 AI 快。適時透過 AI 來協助理解程式並給出建議會是現階段非常可靠的應用場景。
只是,這樣的理解能力也有其侷限!例如,當你要維護一個大型的專案時,Cursor 無法「一次性」的了解全案樣貌,當你的問題出現在程式大架構的局限,而非局部的 Bug 時,AI 會很難發現並提出解決方式。比較適合用來理解小程式或局部的功能,這受限於現階段 AI 技術的天花板所致。
在可預期的未來,這樣的限制必然會隨著 AI 的發展逐步取得改善,那時,對開發者來說又會是另一番風貌。

改變學習知識的方式:隨身的 AI 小老師
如果你現在是一名學生,想要學習任何一門程式語言,在過去,可能要去重慶南路的電腦書街,花個一下午的時間,逐步尋找適合的書籍。回家之後再依書本中的範例一則一則的實作,有時候遇到書中語焉不詳的地方,甚至會在卡在某的段落好幾天,實在惱人又神傷。
但有了 Cursor 之後,你完全可以透過自然語言,把 Cursor 視為隨身的小老師、小助手,小到對一個函數的解釋,大到環境框架的建構,甚至是設計專屬自己學習的課綱,都可以透過問答的方式逐步完成,實用度非常高。
其次,每個開發者都有自己熟悉及不熟悉的語言,以前端的情況為例,假設我們要在既有專案裡開發一個深色模式的功能,原本的專案裡可能已經使用一些函式庫或框架,像是 jQuery 或 React,你可能更熟悉原生 Javascript 的寫法,但為了專案的一致,需要改成 jQuery 或 React,這時你該怎麼辦?
AI 提供另一種解決方式,你可以使用自己熟悉的 Javascript 完成深色模式的功能,再請 AI 將她轉換成指定的框架,並附上詳細的說明,方便你逐項檢查,以確定 AI 是否完美的轉換該功能。
在這個過程中,你用最短的時間完成轉換,並透過註解去了解新的語言或語法,某種程度來說就是在實作中也在學習,減輕轉換的困難與壓力,就像你身邊多了一位資深工程師可以隨時請教一樣。
在發現上述兩點特性後,我很喜歡透過 Obsidian 之類的筆記軟體,配合案子及 AI 去建立我自己的學習筆記及資料庫,由於有實際的案子及 AI 詢問,能在案子上立即看到成效,會比透過書籍學習更快、更有動力、也更有實用性。
只要你願意,AI 將改變我們學習知識的方式,而且是現在進行式。
AI 回答問題的上限取決於你對問題的理解程度
這點是我最有感的地方,在使用 Cursor 一年的時間中,雖然它可以幫助我在沒有工程師的情況下完成一些需要工程師的工作,但也讓我更加確認 AI 現階段無法取代人類工程師,原因在於:
「AI 無法回答你問不出來的問題」。舉個例子來說明這點。
去年我在公司的一則活動網頁中,嘗試使用 Cursor 實作一則抽獎用的小瑪莉遊戲,讓玩家在登入會員後,可以透過網頁上的小遊戲得到一些獎勵。你可以簡單的將之理解成需要有會員登入登出的功能,需要透過 AJAX 在不刷新頁面的情況下,讓玩家完成多次小瑪莉的抽獎行為,並在完成抽獎行為後,冒出一個結果,像是恭喜玩家得到一組特定的獎品,或是銘謝惠顧之類的文字訊息。
在與 Cursor 溝通的過程中,我以自己的理解,很順利的完成小瑪莉前端程式的部分,由於還需要與後端接串,我設計了一個 Json 檔,裡面放置了會員帳號及得獎資訊。在我的理解中,只要收到後端給我的會員帳號就表示會員已經登入,我就可以跑小瑪莉的動畫,並在動畫結束後秀出得獎資訊即可。
但公司的後端工程師收到這個網頁後,很直覺地告訴我說,這樣的設計不安全,原因在於不該將會員帳號以明碼的方式寫在 Json 檔裡,會有資安上的疑慮。更安全的方式因該要透過 token 的方式來傳遞會員帳號。
但由於我是視覺設計師,在此之前對於 token 一無所知,缺乏設計 token 時所需要的知識點。所以在與 Cursor 設計這個小瑪莉的程式時,就不會把 token 的概念帶入。
也就是說,雖然我透過 Cursor 完成了小瑪莉的遊戲,但 AI 只能回答你問得出的問題,對於你認知之外的事物,AI 並無法幫你預防,而這恰恰是資深工程師最為可貴且難以替代的特點。
展望未來
Cursor AI 編輯器為視覺設計師帶來了全新的可能性,讓我們能更輕鬆地跨越設計與開發的鴻溝。這樣的改變不在於要取代工程師的角色,而在於我們可以透過 AI 及更有限的資源去實現過去需要工程師才能實踐的想法,讓設計擁有更多實踐的可能。在可知的未來,隨著 AI 技術的進步,我相信 AI 將變得更聰明、更高效,並帶來更多創造性的應用。