Tech · 2025.07.26
設計師 Vibe coding 踩坑分享
近幾年 Vibe coding 大行其道，身邊的設計師、PM 也都開始用這類的工具加速產品開發的流程，這些工具對設計師來說最大的好處是加速溝通的效率，可以填補在靜態 Prototype 、Wireframe 難以呈現的流程或動畫，甚至是細微的體驗。但如果要拿這個 Prototype 變成一個實際可交付的工具，那又是另外一回事了，接下來我的失敗案例
Blog
關於產品設計、AI、科技與生活的觀察。
Tech · 2022.02.26
CSS 料理室 – CSS 變數辛香料：不用 Sass、不用 JavaScript，也能實做 Dark Mode Theme 切換！
這次製作的料理，主要是使用原生的 CSS 變數 實做出深色模式和淺色模式的切換。除此之外，我們還會利用 HTML input 標籤當中的 checkbox 實做 『切換』這個動作，以下將介紹這些食材的特性。
Tech · 2021.08.29
讓人心動的 6 個 React Design Systems
在前端切版時應該會很常遇到 UI Component 的困難，像是 Component 命名、撰寫方式、可擴充、可共用性等問題。 我雖然不是準 React 工程師，單純因為工作關係接觸了 Next.js 、 Tailwind CSS ，就此愛上這種以資料驅動樣式改變、建立組織、 Component 的方式。
Tech · 2021.06.15
網頁設計師的 6 個實用小工具分享
筆者身為網頁設計師一半設計師、一半工程師，蠻多時候會花時間在設計稿與 CSS 樣式調整，以下我將分享工作中常用的小工具網站，減少設計稿和網頁切版的落差。
