Sign up: Build components with Figma and AI

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

Sign up: Build components with Figma and AI

Announcing Visual Copilot - Figma to production in half the time

Learn how to connect Builder Projects to your Azure account using a Personal Access Token (PAT).

Once your account is connected, design visual changes within Fusion and then share your AI assisted code with your team through a pull request.

  • Create a personal access token (PAT) within your Azure organization.
  • Connect specific repositories to Fusion Projects.

To create a new personal access token:

  1. Login to your Azure DevOps organization.
  2. Go to User Settings followed by Personal access tokens.
  3. Click + New Token.
  4. Provide a name for your token, such as Builder.io.
  5. Select the scopes detailed below for the access token.
✓ Build - Read & Execute
✓ Code - Read & Write
✓ Pull request threads - Read & write

Finally, copy the generated PAT string for the next step of the process.

To connect your Builder account to Azure DevOps:

  1. On the Projects page, click the down arrow next to Connect Repo.
  2. Choose the Azure DevOps option.
  3. On the following screen, enter your Azure organization's name and paste your PAT. Note that the organization name is as it is set in Azure in the Create a new personal access token dialogue. In the video below, the organization is my-example-org. In Builder, the user enters only my-example-org (at 30 seconds in the video), with no leading URL. So the organization name is my-example-org, not https://dev.azure.com/my-example-org.
  4. Click Connect Azure DevOps.

You are now connected to Fusion to Azure. You are then prompted to choose a specific repository for your Project.

For more details on connecting to a specific repository, visit Connecting an existing repo.

Visit Connecting an existing repo for details on configuring Builder to use your repo. Or, create a Starter template that uses your own repository and design system as a starting point.

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

  • Fusion

  • Publish

  • Product Updates

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

Security

Privacy Policy

SaaS Terms

Trust Center

Cookie Preferences