Back

Framer Template Checklist

A comprehensive checklist on how to get your Framer template approved in the Framer market place

Nabeel

Founder @ SegmentUI

Design Principles

▢ Has good graphic design principles.

▢ Ensured strong contrast throughout the design.

▢ Applied fitting typography to complement the design.

▢ Created a well-structured and user-friendly layout.

▢ Maintained balance between visual elements.

▢ Developed effective hierarchies for guiding user attention.

Contemporary Trends & Visual Appeal

▢ Designed in line with current web design trends.

▢ Made layout and composition visually appealing.

▢ Devised a logical layer structure.

▢ Maintained a good view at all breakpoints.

▢ Minimized the use of placeholder content.

Unique & Purposeful Design

▢ Made each page layout unique.

▢ Avoided trivial differences between page designs.

▢ Ensured design compatibility with all devices and screen sizes.

▢ Reduced breakpoints for broad device compatibility.

▢ Tailored template for specific use cases.

Animations & Effects

▢ Sustained consistency in effects and animations.

▢ Applied effects and animations to enhance functionality and user experience.

Template Compliance & User Experience

▢ Published template to a free custom framer.website URL.

▢ Avoided using Framer's UI to display the mockups in the designs.

▢ Made sure all links in the template are functional and lead to valid URLs.

▢ Linked navigation or footer pages to corresponding pages.

▢ Used only default or Google fonts packaged with Framer.

▢ Ensured clear structuring of HTML tags on elements.

▢ Added alt tags to images as required.

▢ Customized title and description for the template in site settings.

▢ Removed unused components or assets from the project.

Copyright Compliance

▢ Avoided use of copyrighted content.

▢ Refrained from using copyrighted images, videos, custom fonts, and company logos of other official companies.

▢ Ensured the template publishes without any optimization errors.

Component Naming & Updating

▢ Named components descriptively and meaningfully.

▢ Ensured component names reflect their functionality.

▢ Kept all external components in the template up-to-date.

Accessibility, SEO & Performance

▢ Ensured accessible color contrast where feasible.

▢ Achieved a good Lighthouse score.

▢ Followed best practices for SEO.

▢ Implemented accessibility measures.

CMS & Template Naming

▢ Named CMS fields to clearly correlate to the linked items.

▢ Gave the template a unique, single-word name.

▢ Made sure the chosen name isn't already taken on the Framer template page.

▢ Made sure the chosen name isn't copyrighted

Code & Support

▢ Avoided using external libraries for core functionality or visuals.

▢ Ensured capability and availability to offer template support to users.

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

psst, you're eligible for a secret discount. Use SCHOLARSJOURNEY at checkout

Pro

$99

One Time Payment

Full Access to the Figma UI Kit

Full Access to the Framer UI Kit

Full Access to the Framer Code Components & CMS Upgrades

Full Access to 4 Premium Framer Templates

Full Access to Framer Code Genie GPT

Request Components & Layouts

Get Updates Forever

Light, Dark & Dynamic Modes

Use for Unlimited Projects

Commercial License Only

Use for personal and client projects

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

General

What is SegmentUI?

Is it for Figma or Framer?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Can I use it to create Framer templates?

Pricing

Can I buy components seperately?

Is this a one time payment or a subscription?

Will I get future updates if I purchase now?

Is there a free version?

Do you have a student discount?

Supercharge Your Design Workflow

1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

psst, you're eligible for a secret discount. Use SCHOLARSJOURNEY at checkout

Pro

$99

One Time Payment

Full Access to the Figma UI Kit

Full Access to the Framer UI Kit

Full Access to the Framer Code Components & CMS Upgrades

Full Access to 4 Premium Framer Templates

Full Access to Framer Code Genie GPT

Request Components & Layouts

Get Updates Forever

Light, Dark & Dynamic Modes

Use for Unlimited Projects

Commercial License Only

Use for personal and client projects

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

General

What is SegmentUI?

Is it for Figma or Framer?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Can I use it to create Framer templates?

Pricing

Can I buy components seperately?

Is this a one time payment or a subscription?

Will I get future updates if I purchase now?

Is there a free version?

Do you have a student discount?

Supercharge Your Design Workflow

1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

psst, you're eligible for a secret discount. Use SCHOLARSJOURNEY at checkout

Pro

$99

One Time Payment

Full Access to the Figma UI Kit

Full Access to the Framer UI Kit

Full Access to the Framer Code Components & CMS Upgrades

Full Access to 4 Premium Framer Templates

Full Access to Framer Code Genie GPT

Request Components & Layouts

Get Updates Forever

Light, Dark & Dynamic Modes

Use for Unlimited Projects

Commercial License Only

Use for personal and client projects

Pro Creator