This guide walks you through the complete process of creating your first graphics package in Viz Flowics, from creating a project to seeing your graphic live in a browser. It takes approximately 15 minutes.
Before you start
Make sure you have:
A Viz Flowics account with at least editor access
A supported browser (Chrome recommended)
Your company’s Flowics workspace URL
What you'll build
By the end of this guide, you will:
Create a Project
Create a Graphics Package
Add a simple overlay
Publish your changes
Generate an Output URL
Trigger the graphic live from Remote Control
Step 1 — Create a Project
Projects are the top-level containers for your work in Flowics. Think of them as folders that group related graphic packages.
On the home screen, click: Create a New Project
Select the team that should have access
Click: Create
A default name will be assigned automatically. You can rename it as needed (for example: Morning Show Graphics).
Note: Only users with the Company Admin or Team Admin role can create projects. If you don’t see the New Project button, contact your administrator.
Step 2 — Create a Graphics Package
A graphics package is where your actual graphics live. One project can contain multiple packages: for example, one for the morning show and another for sports or new graphics.
Inside your project, click Create Graphics Package
You will see a bunch of templates; just select a Blank Graphics Package to start from scratch.
Click: Create
Your package opens automatically in the Graphics Editor, where you create and design overlays, scenes, and other visual elements.
Give it a name (for example: Lower Thirds)
Step 3 — Add your first graphic
Inside the Graphics Editor, you’ll see a blank canvas. Let’s add a simple text overlay.
In the left panel of Elements, click on an Overlay and drag and drop it into the scene tree. This creates a new graphic container
Name it (for example: Lower Third) by double-clicking it.
Click inside the overlay in the canvas to select it
Go to Elements again, click on the Text, and drag and drop it just below the overlay.
In the right panel (Inspector), type your text in the Content field
Adjust font size, color, and position as needed
Step 4 — Choose your control interface
Before publishing, you need to decide how you want to control and access your graphics. This is an important decision because once you publish with one interface, you cannot switch to the other without duplicating the package and publishing again.
Flowics offers two control interfaces:
Classic Control
Best for manually triggering graphics one at a time
After publishing, the Open Output button is available directly in the Graphics Editor — you don't need to go to Remote Control to access the output URL
Ideal for simple workflows with a single operator
Rundown Control
Best for rundown-based production workflows where graphics are queued and triggered in order
After publishing, you must open Rundown Control to access the output URL — it is not accessible from the editor directly
Ideal for news, live events, or multi-operator workflows
Important: If you publish with Classic Control and later want to use Rundown Control, or vice versa, you will need to duplicate the graphics package and publish the duplicate with the other interface. Both interfaces cannot be active on the same package at the same time.
Step 5 — Publish your package
Publishing makes your graphics available for playout. Until you publish, changes are only visible in the editor preview.
Click the Publish button in the top-right corner
Select your control interface: Classic Control or Rundown Control
Click Publish changes
Important: Every time you make changes in the Graphics Editor, you need to publish again for those changes to take effect in the live output.
Step 6 — Access the Output URL
How you access the output depends on the control interface you chose in Step 4.
If you chose Classic Control
The Open Output button is available directly in the Graphics Editor after publishing. You can also access it from Remote Control:
Click Open Output in the editor, or go to Remote Control in the top navigation
Copy the Output URL
If you chose Rundown Control
You must open Rundown Control to access the output:
Go to Rundown Control in the top navigation
Copy the Output URL from there
Step 7 — See your graphic live
Paste the Output URL into a new browser tab — you'll see a transparent canvas, this is your live output
Go back to your control interface (Remote Control or Rundown Control)
Click the IN button next to your overlay
Your graphic appears in the browser tab
That's it. You've created your first graphic and played it out.
What’s next?
Now that you have the basics working, here are the most common next steps:
Connect data
link your graphic to a Google Sheet or JSON feed so it updates automatically → Working with a Google Sheets Data Provider
Add more building blocks
images, videos, tickers, and more → Graphics Editor Building Blocks
Control via API
automate playout from your production system → Using the Graphics Control API
Use Rundown Control
for multi-operator workflows → Rundown Control for Graphics
Common issues
I don’t see the Publish button
You may not have editor permissions on this package. Contact your team administrator.
My output URL shows a blank page
Make sure you have published the package and that at least one overlay is set to IN in Remote Control.
Changes I made in the editor are not showing in the output
You need to click Publish after every change, and then click the Update button in Remote Control.