framer-plugins

Build and debug Framer plugins using the Plugin SDK.

134|13|Updated Jun 12, 2024
One-click install
npx skills add https://github.com/fredm00n/framerlabs --skill framer-plugins
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: framer-plugins
Source: https://github.com/fredm00n/framerlabs/tree/main/skills/framer-plugins
Command: npx skills add https://github.com/fredm00n/framerlabs --skill framer-plugins

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Builds and documents Framer plugins with a robust SDK focus, enabling developers to quickly reference core APIs, patterns, and best practices for CMS-integrated plugins.

Core Features & Use Cases

  • Comprehensive Framer Plugin SDK reference covering ManagedCollection API, CMS sync, plugin modes, UI patterns, permissions, data storage, and pitfalls.
  • Includes references and patterns to implement silent sync, field definitions, slug generation, and marketplace compliance.

Quick Start

Install the plugin scaffold and start building your Framer plugin with the provided SDK guides.

Frequently Asked Questions about framer-plugins

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I sync external data to a Framer CMS plugin using ManagedCollection?

Framer CMS sync uses the ManagedCollection API to push external data into plugin collections. You define field types, generate slugs, and configure silent sync patterns to keep CMS items updated automatically without manual user intervention.

What permissions do I need to configure for a Framer plugin?

Framer plugin permissions control access to CMS data, UI insertion, and storage APIs. You declare required scopes in the plugin manifest to request access to managed collections, ensuring marketplace compliance and secure runtime data handling.

Does the Framer Plugin SDK support persistent data storage for plugins?

The Framer Plugin SDK supports persistent data storage to retain plugin state across sessions. You can store configuration, user preferences, and sync timestamps locally, enabling robust state management for CMS-backed Framer plugins.

How do I prepare a Framer plugin for the marketplace?

Marketplace readiness requires correct frontmatter with a name and description, structured directories for scripts and assets, and compliance with Framer SDK best practices. You must validate permissions, UI patterns, and data handling before submission.

Why does my Framer CMS plugin fail to populate field definitions correctly?

Framer CMS field definitions fail when slug generation is missing or field types mismatch the ManagedCollection schema. You must map external data types to valid Framer fields, define slugs, and handle silent sync errors to ensure correct population.