(演講筆記)Tab Tab Tab - AI 時代的設計工程日常

Lichin's conference photo 今天來聽聽看一位在英國 Github 工作的 Design Engineer 分享他的經驗。第一次聽到這個職位,聽起來就是介於 Design 和 Engineering 之間的角色。 整體分享內容從如何依照定義設計、統整團隊 CSS 規範、到如何跟工程師溝通,與對未來的看法等等。

工作經歷

  • Piccollage:主要分享他製作一套 Design System 工具的經驗,為的是可以跨團隊使用。
  • Intercom:網站上常見的右下角客服聊天機器人。在這邊處理過多次網頁設計,提供給我們不同時期的設計比對,以及心路歷程。例如一個以山坡為背景的設計,如何從手繪的草圖變成初稿,再變成上線的版本。
  • Github Copilot:分享他在 Copilot 工作的經驗,目前在這四個月。主要開發內容是團隊想製作 Workflow 的視覺化工具,因為他們沒有這種東西,也沒有強制 dead line,花了很多時間研究的過程。

Case Study

強調身為 Design Engineer 要對產品跟互動要很有概念。他自己平常就喜歡去各網站看,去感受產品跟互動。 當產品提出需求時常常都會從網路上貼一張圖片,就說能不能做出這樣的東西。立秦說他必須舉一反三,做出不同的版本回來討論哪一種是對方期待的。 分享交接設計時,如果部分項目屬性沒指定可以怎麼處理?可以定義團隊的 default 屬性,也可以定義團隊的 style guide

科技分享

  • 分享:Open AI Operator,今年一月新出的智能瀏覽器,甚至可以幫你訂機票。
  • 分享:Copilot Coding Agent,可以自動針對 PR Review 改 code
  • 分享:v0 自家 designer 用 v0 開發 v0 產品本身的過程。

英國與往海外發展的心得?

立秦去英國的兩個月先玩玩體驗生活。但投遞了很多間都沒回應或是直接 Reject。

因為英國生活開銷 4x 台灣,他現在作為過來人建議先找好海外工作,並且最好看雇主能不能幫忙出 relocation 費用,搬家機票等等

「有多少團隊可以做出自己的 Design Library?應該很少吧?」

  • 分享:ShadCN 也是一個 Design Engineer,他很注重這種網頁上的小積木,讓團隊去拼揍出更多介面。

未來趨勢與建議

  • 分享:Shopify CEO 減少徵才,並提出「請證明用 AI 無法辦到才可以徵人」 「看到什麼都去試一下,不要怕浪費時間。」 工具不會取代誰,但會大幅改變工作模式。設計師可以透過工具自己做出心中想要的產品,不需要外包給其他人。大該猜未來會大概會有很多兩三人小團隊。
  • 分享:Hello AI Agent: Goodbye UI Design, RIP Accessibility