> ## Documentation Index
> Fetch the complete documentation index at: https://docs.useparagon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Workflows

> Workflows allow you to build and automate complex integration logic across your SaaS stack—without managing infrastructure or writing custom code.

<Frame>
  <img src="https://mintcdn.com/paragon/qEufS2yoY-f7bvVs/images/WorkflowsBanner.png?fit=max&auto=format&n=qEufS2yoY-f7bvVs&q=85&s=e7b772ff9a1a9d61902b364f13face5e" alt="Workflows Banner Pn" width="1056" height="245" data-path="images/WorkflowsBanner.png" />
</Frame>

**Workflows** allow you to automate and orchestrate complex integration logic across your SaaS stack—without managing infrastructure or writing custom code. With Workflows, you can design multi-step automations that connect your app to the tools your users rely on, all through an intuitive builder.

## Build Your Way

Paragon Workflows are designed for ultimate flexibility. You can build and manage workflows in two fully interchangeable ways:

### Workflow Builder (UI)

Use our intuitive drag-and-drop [Workflow Builder](/workflows/building-workflows) to visually create, edit, and manage your automations—no code required.

<Frame>
  <img src="https://mintcdn.com/paragon/DkcdqxlytLXlO_-w/assets/Building%20Workflows%20in%20the%20Workflow%20Builder.png?fit=max&auto=format&n=DkcdqxlytLXlO_-w&q=85&s=57d863df759e7eccdf9b6e3de01bd055" alt="Workflow Builder" width="1758" height="1194" data-path="assets/Building Workflows in the Workflow Builder.png" />
</Frame>

<Card title="Explore the Workflow Builder" href="/workflows/building-workflows" horizontal icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#6747e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right-icon lucide-arrow-right"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>}>
  Learn more about building workflows in the Workflow Builder.
</Card>

### Paragraph (Code)

Prefer code? Harness the full power of our TypeScript framework, [Paragraph](/paragraph/getting-started), to define workflows programmatically with complete control and flexibility.

<Frame>
  <img src="https://mintcdn.com/paragon/DkcdqxlytLXlO_-w/assets/Building%20Workflows%20in%20Paragraph.png?fit=max&auto=format&n=DkcdqxlytLXlO_-w&q=85&s=cd703d01953c4ef89b8ebeb4ce8765c3" alt="Paragraph" width="2586" height="1546" data-path="assets/Building Workflows in Paragraph.png" />
</Frame>

<Card title="Explore Paragraph" href="/paragraph/getting-started" horizontal icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#6747e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right-icon lucide-arrow-right"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>}>
  Learn more about building workflows in Paragraph.
</Card>

You can **switch between the UI and code at any time**. Changes made in one are reflected in the other, so you're never locked into a single approach. Choose the method that fits your workflow, your team, and your preferences.
