• DIRECT
  • DOCS
  • UI/UX
  • HUMAN

How to retrieve brand guidelines with your AI

Connect Frontify to your AI client once. After that, your agent can pull any brand asset or rule directly into your chat.

Ask AI about this page

Short answer

How can I get brand rules from Frontify using AI?

Your AI uses the Frontify Connector to fetch documentation and UI/UX constraints from your brand portals. You'll get precise brand details without leaving your chat interface.

The outcomes.

Where your brand data lands.

The AI processes your request and delivers the specific brand information you need.

DIRECT

Instant brand rules

The AI pulls specific hex codes, spacing rules, or typography constraints. You get the exact data needed for your current task.

DOCS

Brand documentation

Your agent retrieves full brand guidelines and usage manuals. It summarizes the core principles for your immediate review.

UI/UX

Design constraints

Pull specific UI components and UX patterns from your portal. This ensures your work stays within the established design system.

HUMAN

Final design check

The AI provides the data, but you decide if the implementation matches the brand spirit. You handle the creative judgment.

The workflow

What your AI does when the request arrives.

The AI acts as a bridge between your chat and your Frontify brand assets.

  1. Locate guidelines

    The AI identifies the relevant brand documentation or asset sets within your Frontify portal.

    list_brand_guidelines

  2. Fetch specific data

    Your agent runs a targeted query to grab the exact UI/UX constraints or brand rules you asked for.

    execute_graphql_payload

  3. Parse constraints

    The AI reads the raw data from the portal and translates it into plain English instructions.

    execute_graphql_payload

  4. Present findings

    The AI delivers the brand rules, hex codes, or spacing requirements directly in your chat window.

    list_brand_guidelines

Try it

Copy these to start.

Use these prompts to trigger the Frontify Connector.

Starting points

These are opening lines. Swap out the bracketed text for your specific Frontify portal names or asset types.

Frontify Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_egMleLMhyfFms4w71TWv7ASFvlkTwYqeaeCjXUfB/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Frontify capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "frontify-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_egMleLMhyfFms4w71TWv7ASFvlkTwYqeaeCjXUfB/mcp"
    }
  }
}
Copy into chat04

  • List the brand guidelines for the [Brand Name] portal.

  • What are the specific UI/UX spacing constraints in [Brand Name]?

  • Retrieve the primary color palette and typography rules from [Brand Name].

  • Check the [Brand Name] documentation for logo usage constraints.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Start here

Connect Frontify once, then ask.

Click the link to connect your account. Your login stays encrypted on our side, and you can find the full technical breakdown on the Connector page.

Connect Frontify to your AI

FAQ

How this task behaves.

  • 01

    Can the AI change my brand guidelines in Frontify?

    No. The AI can only read and retrieve information from your portals. It cannot edit or delete any brand assets.

  • 02

    Does the AI see all my Frontify portals?

    The AI can access any portal that your connected credentials have permission to view.

  • 03

    Can I use this to upload new brand assets?

    No. The current tools only allow for retrieving and listing existing guidelines and data.

  • 04

    Will the AI suggest design changes?

    The AI provides the rules found in your documentation. Any creative suggestions or design decisions remain your responsibility.

  • 05

    How does the AI find specific UI rules?

    It uses a GraphQL payload to query the specific data points you request from the Frontify portal.

  • More questions about Frontify? See everything the Frontify Connector can do

Connect Frontify to Claude, Cursor, ChatGPT & more