Log In
Explore
Our Products
Sections
2,667+
Styled Building Blocks
Templates
169+
Ready-to-launch
BYQ Gems
242+
GSAP driven effects
Design Systems
63+
Design.md styles for AI
MCP
New
Connect BYQ to AI
HTML to Webflow
Code Converter
Sections Lab
Play with BYQ Sections
Skeletons
285+
Wireframes Framework
Icons
For every platform
Pricing
Help & Knowledge Center
Updates
About us
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Do I get a free template every month?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Do I get a free template every month?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Does the MCP work with Webflow?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Does PRO include commercial use for clients?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Do credits rollover to the next quarter?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Do animations copy correctly?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can multiple team members use one account?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use the MCP alongside other MCPs?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use Skeletons without Variables?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use Sections in multiple client projects?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use my credits on any template?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use it with AI-generated code?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use Design Systems in Figma?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use BYQ Templates, Sections, or Skeletons to build my own templates for Webflow, Framer, or other marketplaces?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use BYQ templates for multiple clients?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use BYQ products for client projects?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I use BYQ assets inside a SaaS builder or no‑code tool?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I upgrade from PRO to ULTRA?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can it convert a whole page at once?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I resell BYQ Templates or Sections?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I request new components or templates?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I rename Skeletons classes?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I preview a Section in different themes?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I mix Skeletons with Sections or Templates?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I mix Sections from other templates into my template?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I mix Sections from multiple collections?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I mix BYQ templates with Wavesdesign templates?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I generate Sections with AI, or use ones made by others?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I edit a Section with AI?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I downgrade from ULTRA to PRO?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I combine a Design System with the Converter or MCP?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I buy the template only for Framer or Webflow?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Can I buy extra credits?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are your products handcrafted or AI‑generated?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are templates available on the PRO plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are templates available on the PRO plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Skeletons responsive out of the box?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Skeletons built on Client-First?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Skeletons available on the Ultra plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Skeletons available on the PRO plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Skeletons available in Figma?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Sections available on the Ultra plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Sections available on the PRO plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are payments safe?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are payments safe?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Design Systems available on the Ultra plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are Design Systems available on the PRO plan?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Are BYQ and Wavesdesign related?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Animations don't work after copying a section. How do I fix this?
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Best Practices & Limits
Habits that get consistent results from the MCP, plus a clear-eyed look at what it can and can't do today.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
The full workflow
Combining components and design systems in one AI session — and carrying the result into Webflow with the Converter.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Finding and applying design systems
The design-system workflow — searching curated styles and applying one in the format that fits your project.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Finding and using components
The section workflow end to end — searching by keyword or category, picking a match, and adapting the result into your project.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
The tools explained
A plain-language tour of the eight tools the MCP gives your AI: searching and fetching sections, gems, wireframes, and design systems.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Connecting your AI tool
Per-tool setup for Claude, Claude Code, Cursor, Codex, and Lovable — plus how to verify the connection.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Getting Started
Which plans include the MCP, which tools work with it, and how much effort each one takes to connect.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Introduction
What the MCP is, why it exists, and how it brings the whole BYQ library straight into your AI tool.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Best Practices & Limits
Practical habits for getting consistent results from the Converter, plus the limits worth knowing about.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
From AI to Webflow
The full BYQ loop — generate with AI, convert, land in Webflow as native elements.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Copying to Webflow and Figma
How to paste a converted section into Webflow and Figma — including the fresh-project safety pattern.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Writing code that converts well
The example AI prompt and the patterns that produce code the Converter handles best.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
How the Converter works
What the Converter translates to native Webflow elements, and what comes through as embedded custom code.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Getting Started
Paste your code, click Convert, and copy the result into Webflow or Figma. Here’s the full flow.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Introduction
Learn what the Converter is, why it exists, and how it turns AI-generated code into Webflow and Figma.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Best Practices & Limits
Practical tips for getting consistent results from Design Systems, plus the limits worth knowing about.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
From AI back to Webflow
The full BYQ loop — pull a Design System out, generate with AI, bring the output back into Webflow.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Using token files in code & design tools
How to use tokens.json, theme.css, and variables.css in Figma, Tailwind v4 projects, and any other CSS-based stack.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Using DESIGN.md with AI tools
How to feed a Design System to Claude, ChatGPT, and other AI tools — and get output that actually looks like the template.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
The four files explained
DESIGN.md, tokens.json, theme.css, variables.css — what each file does, when to use it, and which tool it belongs in.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
What’s inside a Design System
A tour of every section inside a Design System — what each tab shows you, and what it tells the AI.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Getting Started
The fastest path from picking a Design System to building with it inside your favorite AI tool.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Introduction
Learn what BYQ Design Systems are, where they come from, and how they help you build with AI tools.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Choosing the right product
A clear comparison to help you decide when to use Templates, Sections, or Skeletons depending on your workflow.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Make sure your site is ready before going live
A practical checklist to follow before launching your site — SEO, assets, CMS updates, drafts, and more.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
CMS & ECommerce inside Templates
Discover how CMS and eCommerce structures work inside templates and how to safely edit dynamic content.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Customizing Pages & Sections
Learn how to edit pages, move sections, duplicate layouts, and work efficiently inside a unified template ecosystem.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Working with BYQ Templates and Variables
Understand how newer templates use Webflow Variables for global typography, colors, spacing, and icons.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
How to access BYQ Templates
See how templates can be unlocked through one-time purchases or a BYQ plan (Pro or Ultra) with template credits.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Welcome to BYQ Templates
Learn what BYQ Templates are, where they come from, and why they offer the fastest path to a ready-to-launch Webflow site.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Find and organize the right Section
The BYQ Sections sidebar gives you multiple ways to discover sections, plus deep filters to narrow down to exactly the right one.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Tweak sections with AI before you copy them
Make small AI-powered tweaks to any section — highlight a tile, swap an icon, change images — before copying it into your project.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Recolor any section to fit your brand
Swap a section’s color scheme to one of our presets, or extract a palette automatically from your own website’s URL.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Copy any section as a prompt for your AI coding tool
Turn any section into a ready-to-use prompt for AI coding tools like Claude Code, Cursor, v0, and Lovable.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Integrate Sections into your own system
Cleaning classes is optional — Sections work perfectly without it — but cleaning helps maintain a structured, scalable project, especially when Sections live inside your existing style system.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Work with Sections effectively
Sections are simple, but a few good habits will help you keep your Webflow project clean and consistent — especially when mixing them with your existing styles.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Understanding how Sections behave
Everything inside a Section is pre-defined. That’s what makes them predictable and easy to use.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Start using BYQ Sections
Find a section, choose how you want to copy it, paste it into your project, and you’re ready to go.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Welcome to BYQ Sections
Learn what BYQ Sections are, where they come from, and how to use them in your projects.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Skeletons in Action
Important things to understand about how Skeletons work in practice. Think of this as your “good to know” or "tips & tricks" guide for building smoothly.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Understand How to Work with Variables
Variables are the heart of Skeletons. Instead of editing styles one by one, you adjust them once and watch your whole project adapt.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Overview of the Style Guide Clonable
Everything in Skeletons starts with the style guide clonable project. This isn’t just a page – it’s the base project where all Skeletons are meant to live.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Quick Getting Started With Your First Skeletons
The fastest way to get up and running with Skeletons. Four simple steps, and you’ll have a working project foundation ready to build on.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Welcome to the Skeletons
What is Skeletons and how you can build engaging and scalable websites with.
Sections
Introduction
Getting Started
How Sections Work
Best Practices
Cleaning Classes (Deep Dive)
Copy Prompt
Themes
Edit with AI
Exploring sections (Filters Overview)
Templates
Introduction
Access & Plans
Working with Variables
Customizing Pages & Sections
CMS & ECommerce
Before Publishing Checklist
Templates vs Sections vs Skeletons
MCP
Introduction
Getting Started
Connecting your AI tool
The tools explained
Finding and using components
Finding and using gems
Finding and applying design systems
The full workflow
Best Practices & Limits
Design Systems
Introduction
Getting Started
What’s inside a Design System
The four files explained
Using DESIGN.md with AI tools
Using token files in code & design tools
From AI back to Webflow
Best Practices & Limits
Skeletons
Introduction
Getting Started
Style Guide Clonable
Variable Anatomy
Way of Working
Code Converter
Introduction
Getting Started
How the Converter works
Writing code that converts well
Copying to Webflow and Figma
From AI to Webflow
Best Practices & Limits
FAQ
Accounts & Billing
About BYQ Supply
Pro Plan
Ultra Plan & Template Credits
Sections
Templates
MCP
Design Systems
Code Converter
Technical Issues & Troubleshooting
Licensing & Usage Rights
Skeletons
Contents
Search
Sections
Templates
MCP
Design Systems
Skeletons
Code Converter
FAQ
Accounts & Billing
About BYQ Supply
Pro Plan
Ultra Plan & Template Credits
Sections
Templates
MCP
Design Systems
Code Converter
Technical Issues & Troubleshooting
Licensing & Usage Rights
Skeletons
Help
/
FAQ
/
How do I connect the MCP?

How do I connect the MCP?

It depends on your tool. In the Claude web or desktop app there's no key and no snippet — BYQ Supply is listed in Claude's connector directory, so you find it, click connect, and sign in with your BYQ account. For Claude Code, Cursor, Codex and Lovable it's three steps: generate your MCP key, paste the snippet for your editor, restart the tool. Claude Code uses a single terminal command, Cursor a JSON config, Codex a TOML config, and Lovable two fields under Settings → MCP. The setup page gives you a ready-made snippet with your key already filled in. See Connecting your AI tool for all of them.

FAQ Topics

Accounts & Billing
Everything about subscriptions, payments, credits, and managing your BYQ account.
About BYQ Supply
Learn who we are, how BYQ Supply works, and what stands behind our products.
Pro Plan
Details about the PRO tier, access level, and how it compares to Ultra.
Ultra Plan & Template Credits
All questions about credits, rollover, unlocking templates, and ultra-tier logic.
Sections
Common questions about pasting, cleaning classes, animations, and mixing collections.
Templates
Learn how BYQ templates work, how to edit them, and how to customize pages and CMS safely.
MCP
Everrything about connecting to BYQ MCP and how to use it in your own AI agent.
Design Systems
Access Design Systems and learn how to use them successfuly.
Code Converter
All tips & tricks for using our HTML -> Webflow/Figma code converter.
Technical Issues & Troubleshooting
Fix problems with templates, animations, icons, backups, publishing, and more.
Licensing & Usage Rights
Understand what you can and cannot do with BYQ templates, sections, and skeletons.
Skeletons
FAQ about using Skeletons, variables, responsiveness, and working inside the style guide.
Access Quickly
BYQ Profile on Webflow
Explore Sections
Explore Design Systems
Explore Templates
HTML -> Webflow Converter
BYQ Upadtes Page
Explore Skeletons
Skeletons Webflow Style Guide
Skeletons Figma Starter Pack
BYQ Chrome Extension
Client First Docs
Wavesdesign Profile on Webflow
Create
Website Builder
NEW
MCP
NEW
Library
Sections
BYQ Gems
NEW
Templates
Shopify Sections
NEW
Design Systems
design.md
Tools & Others
Sections Composer
HTML to Webflow
Pricing
Downloads & Power-ups
MCP Tutorial
NEW
Help & Documentation
Skeletons Style GuideSkeletons Figma File
Chrome Extension
Client-First DocsWebflow Clonables
Company
About usBlog
Updates
FAQSlack CommunityBecome an AffiliatePrivacy PolicyTerms & ConditionsCookies SettingsContribute
Compare
BYQ vs. RelumeBYQ vs. FlowbaseBYQ vs. 21st.dev
recent Templates
Avenir™NextwellReformaNerdstackEvermind™Halden MillerForerunner™For:Human™Birk_form™Explore all templates
Made in Poland
·
© 2026 BYQ. All Rights Reserved.