Skill UI

A comprehensive guide for diagnosing and resolving common errors encountered when integrating with the Figma REST API or Figma Plugin API. It covers status codes (403, 429, 404), token management, rate limiting, and plugin-specific runtime issues, ensuring robust and stable API development.

This comprehensive guide details the ten most common mistakes and anti-patterns encountered when integrating with the Figma REST and Plugin APIs. It covers critical topics such as preventing oversized data fetches, managing rate limits, securing tokens, handling color format conversions, and optimizing data sync using webhooks instead of polling. Essential for code reviews and onboarding. Use when reviewing Figma code, onboarding new developers, or auditing an existing Figma integration.

A collection of production-ready patterns for interacting with the Figma REST API and Plugin API. It provides type safety, robust error handling, and reusable abstractions for tasks like building client wrappers, extracting design tokens, and traversing complex node trees. Essential for building scalable, enterprise-grade Figma integrations.

This guide serves as a diagnostic reference for common Framer errors, covering issues across plugins, components, and Server APIs. It provides detailed causes and actionable fixes for problems like component rendering failures, incorrect API usage, and connection errors, helping developers efficiently debug and resolve integration issues.

This guide provides comprehensive instructions for setting up and authenticating Framer development environments. It covers two primary surfaces: the Plugin SDK (for UI running inside the editor) and the Server API (for headless CMS synchronization or CI/CD). Users will learn how to initialize projects, configure environment variables, and connect both client-side and server-side components.

A comprehensive checklist designed to guide users through deploying Framer integrations to a live production environment. It covers best practices for plugins, code components, server API synchronization (CMS), and final site publishing, ensuring a thorough and reliable go-live process.

Provides robust patterns for handling API rate limits, throttling, and connection errors when integrating with the Framer API. It covers implementing exponential backoff, retry mechanisms, batching large CMS writes, and debouncing plugin operations to ensure reliable and high-throughput API calls.

This skill provides a comprehensive guide for analyzing, planning, and executing upgrades of the Framer SDK, plugin API, and migrating between different Framer platform versions. It helps developers detect breaking changes, follow version checks, and manage common migration patterns required when updating the Framer environment.

A comprehensive diagnostic tool for resolving complex issues within Feishu plugins. It offers FAQs for common errors and features the deep diagnostic command (`/feishu_doctor`). This command systematically checks account configuration, API connectivity, application permissions, and user authorization status, generating a detailed report to resolve persistent technical failures.

This guide provides a comprehensive setup for local development workflows for Figma plugins and external REST API integrations. It enables developers to build, test, and iterate rapidly using hot reloading, mocked API fixtures, and structured project templates. Essential for creating design-to-code pipelines and advanced Figma tooling.

This guide details how to configure Framer's Continuous Integration/Continuous Deployment (CI/CD) pipeline using GitHub Actions. It covers automated testing for Framer plugins (using Vite/vitest), building, and synchronizing content from a CMS to the Framer site. Use this when setting up robust, automated deployment workflows for Framer projects, ensuring content and code changes are reliably published.

This plugin allows developers to build Framer components by syncing data from external data sources (such as APIs or databases) into Framer's Managed Collections. It serves as the primary integration pattern, handling both schema creation and item population. Use this when your design requires displaying dynamic content driven by external systems.