Getting Started

Quick Start

Welcome to Helvetici! This guide will help you build your first AI workflow in under 5 minutes.

  1. Launch the editor from the homepage
  2. Drag a "Text Input" node onto the canvas
  3. Add an "AI Generate" node next to it
  4. Connect the nodes by dragging from one handle to another
  5. Add a "Preview" node to see the output
  6. Click "Run Flow" to generate your first component

Basic Concepts

Helvetici is built around three core concepts:

Nodes

Individual building blocks that perform specific actions. Nodes can be inputs, AI models, logic operators, or outputs.

Connections

Lines that link nodes together, passing data from one node to the next. The output of one node becomes the input of another.

Workflows

A complete graph of connected nodes that defines an AI-powered process. Workflows can be saved, shared, and exported.

Your First Workflow

Let's build a simple workflow that generates a UI component from a text description.

Example: Create a workflow that takes "A blue button with rounded corners" as input and outputs production-ready HTML.

Need more help?

Join our community on GitHub or reach out to support.

GitHubContact Support