Add it to OBS

Browser source, link and size.

Add a browser source

1. Copy the design's link: Copy OBS link in its menu, or in the On stream view on the home page. It looks like http://127.0.0.1:9850/o/abc123.
2. In OBS, add a source to your scene: +, then Browser.
3. Paste the link as the URL.
4. Set width and height to the size of your design's canvas, then click OK.

Changes you make in Ofuda show up in OBS right away, while you stream.

The right size

The canvas size is shown in the editor when nothing is selected (click an empty spot of the canvas). Use the same width and height for the browser source, so the widget is neither cut off nor scaled.

Ofuda has to run

The link only works on the computer Ofuda runs on, and only while Ofuda is running. That is why Ofuda stays in the tray when you close its window. More about the tray.

Several widgets

You can have several designs on stream at once, each with its own link, for example one for your starting screen and one for your game scene. The On stream view on the home page lists them all, and the chip at the top of the window shows how many there are.