Babylon.js 作為一套強大的工具，提供了各種不同的視覺化編輯器，讓原本程式碼的部分利用圖形介面更好觀察和一目了然，大大的提升開發效率。利用這些視覺化的編輯器，可以幫助我們尤其剛開始接觸3D的人，更有效率的驗證。在這些編輯器都有匯出功能可供使用。

NME (Node Material Editor) 節點材質編輯器

NME是BJS中很受歡迎的編輯器。常會用在在一些動態的材質、粒子、後製處理。像是定義光線如何與物體表面互動、紋理如何流動、以及顏色如何計算等。是在效能敏感的XR專案中，實現進階視覺特效和優化效能的關鍵。由於要直接撰寫 GPU 程式碼(GLSL)是繁瑣且學習門檻高的，因此這個視覺化編輯器相較來說不僅學習門檻降低很多，並且因為比較能一目了然所以更好管理。

https://nme.babylonjs.com/
一點進去NME會是預設的架構，操作的方式很直覺，抓取、拖曳、或按著crtl框選等等，需要的東西都可以直接在左上角Filter輸入並搜尋，再直接將要用的目標直接拖曳到中間工作區，在右下角可以直接看到預覽效果。並且點那個目標就能看到他有那些參數可以使用的內容，也很容易管理和複用。

NGE (Node Geometry Editor) 節點幾何體編輯器

概念上與NME相似，但更專注於網格的Position和Normal屬性。

https://nge.babylonjs.com/
如下圖所示，主要分為4個部分。Node List是可拖曳到Graph上的可用完整清單。
清單頂部是一個搜尋框，用於縮小清單範圍。圖形是用於排列節點以建立幾何流的工作區。
右邊是一個參數和控制面板，顯示目前選定節點可用的所有參數。如果圖形上未選擇任何內容，則此面板將顯示工具本身的控件，用於載入、儲存或變更預設設定。
右下角是預覽窗口，顯示目前節點幾何輸出。
底部是控制台log，顯示目前圖形的建置狀態資訊。

GUI Editor 2D介面編輯工具

https://gui.babylonjs.com/
我們在之前有提過BJS GUI，而他的介面編輯工具可以拖放元件來設計2D平面介面，例如按鈕、滑塊、文字框，並設定其排版與樣式。