直播疊圖編輯器
拖曳排版元素，取得一個連結貼到 OBS 瀏覽器來源
Need a free stream overlay without learning design software?
免費的 OBS 直播疊圖拖曳編輯器 — 設計文字、圖片與圖形，取得一個連結加入 Browser Source，無需安裝軟體。
This OBS overlay builder is made for streamers, not designers. The canvas starts at 1920x1080, and you can add text, images (PNG, JPG, WEBP or GIF, up to 15MB) and boxes, then adjust font, size, colour, border, shadow, corner radius and opacity. Snap guides, a grid, locking, duplicate, undo/redo and layer ordering keep layouts tidy, and each element can have a fade, slide-up or pop entrance animation. You can also shift+click to select several elements at once.
Connect your Twitch account to add a follower count or sub goal widget that updates on its own during the stream, with a label template you control, such as "{current}/{target} subs". The overlay page loaded in OBS checks for changes every few seconds, so when you save an edit in the builder your live scene updates without re-adding the Browser Source.
The free stream overlay maker requires a sign-in to save your work, and each account can keep up to 20 overlays. If you'd rather start from a finished look, the overlay presets page has ready-made designs, some free and some paid in coins.
使用方式
- Sign in and click New overlay, or browse presets
- Add text, images, boxes or a follower/sub goal widget and drag them into place
- Click Save, then Copy link
- In OBS, go to Sources, click +, choose Browser and paste the link
- Set the size to match your canvas (1920x1080 by default) and click OK
常見問題
免費嗎？+
免費，建立與託管疊圖都不收費。
如何在 OBS 中使用？+
複製產生的連結，新增為 OBS 的 Browser Source；在編輯器中的修改會自動更新。
可以直接使用現成的疊圖設計嗎？+
可以，瀏覽疊圖預設市集取得現成的設計與套組。
需要會用 Photoshop 或 Figma 這類設計軟體嗎？+
不需要 — 這是專為主播打造的拖曳編輯器，不是通用設計軟體，用視覺化方式加入文字、圖片、圖形即可，不需要任何設計經驗。
可以在疊圖上即時顯示追蹤數或訂閱目標嗎？+
可以，連接 Twitch 帳號後，即時數據小工具（追蹤數、訂閱目標）會在疊圖中自動更新。
只能搭配 OBS Studio 嗎，還是其他軟體也能用？+
任何支援 Browser Source 的直播軟體都能用，包括 OBS Studio、Streamlabs 及類似工具。