Log In
Explore
Our Products
Sections
2,402+
Styled Building Blocks
Templates
160+
Ready-to-launch
Design Systems
63+
Design.md styles for AI
MCP
Connect BYQ to AI
HTML to Webflow
Code Converter
Sections Lab
Play with BYQ Sections
Skeletons
250+
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 lose anything if I cancel PRO?
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 component workflow end to end — searching by keyword or category, picking a match, and dropping the code in.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
The tools explained
A plain-language tour of the four tools the MCP gives your AI: searching and fetching components and design systems.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Connecting your AI tool
Per-tool setup for Claude Code, Cursor, Lovable, and other AI agents — plus how to verify the connection.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Getting Started
Generate a key, connect your tool, and start mentioning BYQ in your prompts — the full setup flow.
Skeletons
Sections
Templates
FAQ
Code Converter
Design Systems
MCP
Introduction
What the MCP is, why it exists, and how it brings the 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.
Skeletons
Introduction
Getting Started
Style Guide Clonable
Variable Anatomy
Way of Working
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
FAQ
About BYQ Supply
Accounts & Billing
Licensing & Usage Rights
Skeletons
Sections
Templates
Pro Plan
Ultra Plan & Template Credits
MCP
Technical Issues & Troubleshooting
Design Systems
Code Converter
Contents
Search
Skeletons
Sections
Templates
MCP
FAQ
About BYQ Supply
Accounts & Billing
Licensing & Usage Rights
Skeletons
Sections
Templates
Pro Plan
Ultra Plan & Template Credits
MCP
Technical Issues & Troubleshooting
Design Systems
Code Converter
Help
/
FAQ
/
Icons aren't changing color. Why?

Icons aren't changing color. Why?

Most BYQ templates use SVG icons inside Embed elements. Those icons use:

  • stroke="currentColor"
  • optional variable tokens

If the icons in your template don’t change color, they’re likely PNGs or SVGs exported as static graphics.

To recolor them:

  1. Extract the asset from the template
  2. Open it in Figma
  3. Change the stroke or fill
  4. Re-upload the icon into Webflow

FAQ Topics

About BYQ Supply
Learn who we are, how BYQ Supply works, and what stands behind our products.
Accounts & Billing
Everything about subscriptions, payments, credits, and managing your BYQ account.
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.
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.
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.
MCP
Everrything about connecting to BYQ MCP and how to use it in your own AI agent.
Technical Issues & Troubleshooting
Fix problems with templates, animations, icons, backups, publishing, and more.
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.
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
xSync Chrome Extension
Wavesdesign Profile on Webflow
Our products
SectionsTemplates
MCP
NEW
Design Systems
AI Builder
NEW
HTML to Webflow
NEW
Sections LabSkeletonsCommunityIconsPricing
Downloads & Power-ups
MCP Tutorial
NEW
Skeletons Style GuideSkeletons Figma File
Chrome Extension
NEW
Client-First DocsWebflow Clonables
Company
About us
Help & Documentation
FAQ
Updates
Slack CommunityBecome an AffiliatePrivacy PolicyTerms & ConditionsCookies SettingsContribute
Compare
BYQ vs. RelumeBYQ vs. FlowbaseBYQ vs. 21st.dev
recent Templates
NextwellReformaNerdstackEvermind™Halden MillerForerunner™For:Human™Birk_form™Explore all templates
Made in Poland
·
© 2026 BYQ. All Rights Reserved.