Framer Glossary

Framer is transforming the way we build websites, but its powerful features come with their own unique terminology.

Whether you're just starting out or looking to deepen your Framer expertise, this glossary breaks down essential Framer terms, features, and concepts into clear, practical explanations.

Design Resources

Templates

Pre-designed website layouts that serve as starting points for your projects. Templates save time by providing professional designs that you can customize to match your brand, complete with responsive layouts, animations, and common page elements already set up.

Component Library

A collection of pre-built, reusable design elements that ensure consistency across your website. Framer's component library includes everything from basic elements like buttons and forms to complex sections like headers and pricing tables.

Figma

A popular design tool that integrates seamlessly with Framer. You can import your Figma designs directly into Framer, maintaining design fidelity while adding interactions and animations. This workflow combines Figma's powerful design capabilities with Framer's web publishing features.

Content Management

CMS Pages

Dynamic pages that pull content from Framer's built-in Content Management System. CMS Pages allow you to create templates once and reuse them for multiple pages (like blog posts, product pages, or team members) while managing the content separately through an easy-to-use interface.

Localization

A feature that enables you to create multilingual websites in Framer. You can manage translations for different languages, automatically detect a visitor's preferred language, and provide language switching options. This makes it easy to reach a global audience with your website.

Development Features

Code Overrides

JavaScript functions that extend Framer's capabilities, allowing you to add custom interactions, animations, and dynamic behaviors. Code overrides help bridge the gap between design and development when you need more control.

Variables

Dynamic values that can be shared across your site for consistent styling and content. Variables in Framer make it easy to manage theme colors, text content, and other repeatable elements from a central location.

Interactions

Visual rules that define how elements respond to user actions like hovering, clicking, or scrolling. Framer's interaction panel lets you create engaging user experiences without writing code.

Animation & Motion

Framer Motion

Framer's powerful animation library that makes it simple to add smooth, professional animations to any element. You can create animations using both the visual interface and code, with support for gestures, transitions, and complex motion.

Collaboration Tools

Remix Link

A unique URL that allows others to duplicate and customize your Framer project. Remix links make it easy to share templates, collaborate with team members, and learn from the community.

Plugins

Third-party extensions that enhance Framer's functionality. Plugins can add new features, integrate with external services, or automate common tasks to streamline your workflow.

Community & Professional Network

Framer Community

A vibrant network of designers, developers, and creative professionals who share resources, collaborate on projects, and help each other grow. The community includes forums, social media groups, and regular events where members can connect and learn.

Framer Expert

Certified professionals who have demonstrated advanced expertise in building with Framer. These designers and developers can help bring your website vision to life, offering services from custom development to training and consultation.

Framer Partner

Members of Framer's affiliate program who create content, share knowledge, and help others succeed with the platform. Partners include designers, agencies, and content creators who receive benefits for promoting Framer and contributing to its ecosystem.


This glossary is regularly updated with new terms and features as Framer evolves. If you need help understanding any concept in more detail, our team at FramerGoods is here to help.