Skip to content
Create your own template

How Framebook works

Try Framebook free

Turn your brand assets into a complete, editable guideline directly in Figma.

  1. 01

    Choose template

    Start with a Framebook template or your own.

  2. 02

    Set up your own template

    Optional — map your layers, colors, and text styles once.

  3. 03

    Add brand

    Logo, colors, typography, and brand details.

  4. 04

    Generate

    Framebook builds your guideline in seconds.

  5. 05

    Edit in Figma

    Everything stays fully editable.

Choose how your guideline starts.

Pick a Framebook template or use one you already designed.

Create your own template

Turn your Figma file into a template.

Three things to mark up, so Framebook knows what to swap.

View the guide
  1. Name dynamic layers

    Name a layer with a Framebook tag to tell it what content belongs there.

  2. Bind colors to variables

    Bind fills to your brand variables. When a new brand is generated, Framebook swaps the values everywhere they're used.

  3. Use text styles for typography

    Use Framebook-ready text styles to define typographic roles. Framebook changes the typeface while preserving your sizing, spacing, and hierarchy.

Set it up once. Reuse it for every client.

Everything else stays yours.

Your layout. Your grid. Your spacing. Your hierarchy.
Only the brand data changes.

The killer feature

Your template works too.

Already have your own guideline design? Turn it into a reusable Framebook template and use it for every client.

Templates

Start with ours. Make it yours.

Choose a professionally designed template and generate a complete brand guideline in minutes.

  • Corporate

    Structured layouts for professional, business-first brands.

    • Auto Layout
    • Variables
    • Text Styles
  • Editorial

    Typography-led layouts for refined, premium identities.

    • Auto Layout
    • Variables
    • Text Styles
  • Modern

    Bold, flexible layouts for contemporary digital brands.

    • Auto Layout
    • Variables
    • Text Styles
Plans & Pricing

Save hours on every brand.

One client project can easily pay for a full year of Framebook.

Save ~60%

Framebook Pro

Everything you need to generate complete brand guidelines in Figma.

$7.50month$90 billed annually

Start Pro — $90/year
  • All guideline pages
  • All Framebook templates
  • Create your own templates
  • Unlimited brands
  • Fully editable output
  • Generate directly in Figma
  • Future templates included

Design the brand
Framebook the rest.

Turn your logo, colors and type into a complete, editable brand guideline right inside Figma.

Frequently asked questions

Got questions about Framebook?
We’ve got answers.

What is Framebook?

Framebook is a Figma plugin that turns your logo, colors, typography, and brand assets into a complete, editable brand guideline.

Does Framebook work directly in Figma?

Yes. Your guideline is generated directly inside Figma and stays fully editable.

Can I use my own brand guideline template?

Yes. With Framebook Pro, you can turn your existing Figma guideline into a reusable template and use it again for future clients.

Do I have to use a Framebook template?

No. You can start with one of Framebook’s templates or create your own reusable template.

What does the free version include?

You can try Framebook for free and generate the first 3 pages of a guideline. Upgrade to Pro to generate the complete guideline.

What’s included in Framebook Pro?

Framebook Pro includes complete guideline generation, all Framebook templates, unlimited brands, custom templates, and fully editable Figma output.

How much does Framebook cost?

Framebook Pro is $19/month, or $90/year when billed annually.

Can I cancel anytime?

Yes. You can cancel your subscription at any time. You’ll keep access until the end of your current billing period.