What is Maker Style Guide?

Maker Style Guide is a brand style guide tool that ensures AI knows your brand. Upload your brand guidelines once, and every AI project follows them automatically. It extracts and applies your brand colors, typography, spacing, and design elements to keep all your pages on-brand.

How do I create a Style Guide in Maker?

Creating a Style Guide in Maker is a 3-step process: First, upload your brand guidelines, paste your website URL, or import from Figma. Then Maker auto-extracts your brand colors, typography, spacing, and extras (you can edit if needed). Finally, pick your Style Guide when creating a project and everything snaps to brand by default.

What brand elements does Maker Style Guide capture?

Maker Style Guide captures comprehensive brand elements including brand overview, colors, typography (font families, headings H1-H3, body text), spacing, UI elements, and miscellaneous design details. This ensures every aspect of your brand identity is preserved across all AI-generated content.

Can I import my brand from Figma into Maker Style Guide?

Yes, Maker Style Guide supports Figma imports. You can import your brand guidelines directly from Figma, along with uploading brand guidelines manually or pasting your website URL. Maker will auto-extract your brand elements from any of these sources.

Does Maker Style Guide work with multiple brands?

Yes, Maker Style Guide is multi-brand ready. You can create and manage multiple style guides for different brands, making it ideal for agencies or companies with multiple brand identities. Each project can use its designated style guide.

How does Maker auto-extract brand elements?

When you provide your website URL, upload guidelines, or import from Figma, Maker automatically analyzes and extracts your brand colors, typography choices, spacing patterns, and design elements. You can review and edit these extracted elements before saving your style guide.

What typography options does Maker Style Guide support?

Maker Style Guide supports comprehensive typography settings including multiple font families, heading styles (H1, H2, H3), body text variations (Body Large, Body Small), and UI elements. You can define different fonts for headings and body text to match your brand identity.

How do I apply my Style Guide to projects?

When creating a new project in Maker, simply pick your Style Guide and everything automatically snaps to your brand by default. Your colors, typography, spacing, and design elements are applied consistently across all pages and components you create.

Can I edit my Style Guide after creation?

Yes, you can edit your Style Guide at any time. After Maker auto-extracts your brand elements, you can make adjustments to colors, typography, spacing, and other elements. You can also regenerate, delete, or save style guide changes as needed.