無需複雜的安裝過程,僅透過網頁瀏覽器即可閱覽並協作 KiCad 電路設計專案的新工具陸續登場,正大幅降低電子設計的門檻。
想像一下:電子工程系的大學生 A 君想將作業中製作的電路設計檔展示給朋友看。但朋友的電腦裡並沒有安裝相關軟體。最後,A 君只能將設計檔一張張截圖傳送,或是說服朋友下載巨大的安裝檔。在電子設計領域中,這種常見的「安裝與確認」瑣事,現在正逐漸消失。
隨著近期網頁技術的發展,電子設計數據「KiCad(開源電路設計軟體)」專案已能無需安裝,直接在網頁瀏覽器中進行閱覽與分享。
為何這很重要?
生活中我們使用的絕大多數家電產品都包含電子電路。雖然專門設計這些電路的工具 KiCad 效能優異,但必須安裝數 GB 的程式,這對入門者或是僅想簡單審核設計的人來說,是一道巨大的門檻。Source 11
現在隨著網頁版檢視器的導入,設計者只需透過 URL 分享設計檔即可。團隊成員無需進行任何設定,打開瀏覽器就能立即查看電路圖,審核設計或檢視製造流程所需的設定。這不僅提高了產品開發速度,更減少了技術文件製作過程中不必要的摩擦。Source 6
淺顯易懂:瀏覽器中的透明放大鏡
簡單來說,過去為了閱讀書籍必須親自造訪厚重的專業書店,而現在無論使用哪台電腦,只要連上網路,就能用「數位放大鏡」來檢視這些書籍。
在技術層面上,「KiCanvas」等工具正扮演此角色。Source 1 它運用了現代 JavaScript 技術(TypeScript)與網頁繪圖加速技術「WebGL(讓網頁能繪製高效能圖形的技術)」。就像我們無需安裝 Photoshop 也能在瀏覽器進行簡單的照片編輯一樣,它能將電路設計檔這種複雜數據在網頁環境中平滑地渲染呈現。Source 1, Source 15
目前發展到什麼程度?
目前的技術環境正根據使用者的需求,呈現多元化的演進:
- 以閱覽為中心:KiCanvas 能讓使用者在瀏覽器中快速且互動地確認 KiCad 電路圖與 PCB 設計。Source 1, Source 3
- 以安全為中心:ECAD Forge 等工具支援在本地環境直接開啟設計,無需將檔案上傳至網頁,確保對安全性敏感的企業能安心使用。Source 10
- 以協作為中心:PCBJam 更進一步提供了多人在同一設計畫面上進行即時編輯的協作環境。Source 12
此外,KiCadPrism 等平台也扮演著連結設計者與生產者的角色,協助審核設計並管理製造過程。Source 5, Source 9
未來展望如何?
電子設計生態系正逐漸從「桌面中心」轉向「雲端與網頁中心」。專家預測,這種轉變將使不熟悉電路設計的人們能更容易接觸技術文件,並讓全球開發者像使用 Google Docs 一樣,實行即時共享電路設計的協作方式。未來,隨著 KiCad 等強大的開源軟體與網頁結合,更多人將有機會打破門檻,將自己的創意實現為實體電路。
MindTickleBytes AI 記者的觀點
將複雜的專業工具搬移至網頁瀏覽器這個最輕量的工具上,其意義遠不止於「便利」。這將成為一個重要的轉捩點,讓「難以共享的專業技術」轉變為「網頁上的普及資訊」。隨著設計工具門檻的降低,更多具創新性的硬體構想將能更快地問世。
參考資料
-
[KiCanvas KiCad](https://www.kicad.org/external-tools/kicanvas/) - GitHub - theacodes/kicanvas: The KiCAD web viewer
- KiCad Schematic Viewer Online — View .kicad_sch Free
- GitHub - Synoikos/kicad-prism: Self-Hosted Web Application …
- Thea Flowers’ KiCanvas Lets You View KiCad Projects Directly
- Altium, KiCad, Gerber and CircuitJSON Browser Viewer
- GitHub - krishna-swaroop/KiCAD-Prism: Self-Hosted Web Application for …
- ECAD Forge - Altium & KiCad Viewer in Your Browser
- KiCad - Schematic Capture & PCB Design Software
- PCBJam — KiCad in your browser, now multiplayer
- Thea Flowers’ KiCanvas Lets You View KiCad Projects Directly in Your Browser - Hackster.io
- 無需安裝額外軟體即可確認設計
- 直接製作電路圖
- 需要購買昂貴的授權
- 基礎 Windows 記事本
- PCBJam
- Excel
- HTML Canvas 與 WebGL
- Flash Player
- Java Applet