Login
Download
Skill UI
Browse and discover
10410+
curated skills
All
Development
Artificial Intelligence
Design & Creative
Product & Business
Data Science
Marketing
Soft Skills
Productivity
Engineering
Languages
Search
figma
, found
65
results
Default
Newest
Most Downloaded
Optimize Figma API Performance Tuning
figma-performance-tuning
jeremylongshore/claude-code-plugins-plus-skills
325
A comprehensive guide to optimizing performance when integrating with the Figma REST API. Techniques cover aggressive response caching (LRU), reducing payload size using depth parameters, batching multiple node fetches, and implementing webhook-driven cache invalidation. Essential for handling large, complex Figma files efficiently.
View Details
Figma API and Plugin Patterns
figma-sdk-patterns
jeremylongshore/claude-code-plugins-plus-skills
109
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.
View Details
Figma API Migration and Upgrade Guide
figma-upgrade-migration
jeremylongshore/claude-code-plugins-plus-skills
459
This guide manages critical migrations for the Figma REST API, addressing scope deprecations (e.g., migrating 'files:read' to granular scopes) and upgrading from Webhooks V1 to V2. It is essential for developers updating existing integrations to ensure compatibility with the latest API standards and security features.
View Details
Automating Figma To Code Generation
anima-ci-integration
jeremylongshore/claude-code-plugins-plus-skills
363
This integration automates the critical process of converting design assets from Figma into production-ready code using Anima. It establishes a full CI/CD pipeline via GitHub Actions, enabling scheduled or manual component generation. Use this when automating design system handoffs, maintaining code synchronization with design changes, or implementing robust, reliable development workflows.
View Details
Optimize Anima Code Generation Performance
anima-performance-tuning
jeremylongshore/claude-code-plugins-plus-skills
397
A suite of utilities designed to significantly boost Anima code generation performance. It implements file-based caching with Time-To-Live (TTL) management, enables incremental updates by tracking only changed Figma components, and optimizes output size by cleaning up comments and excess whitespace. Ideal for optimizing large batch generations or speeding up production build pipelines.
View Details
Anima Design-to-Code Production Checklist
anima-prod-checklist
jeremylongshore/claude-code-plugins-plus-skills
296
A comprehensive checklist for validating the production readiness of design-to-code pipelines, specifically for Anima's service converting Figma designs into React, Vue, and HTML. Use this guide when deploying automated code generation services, setting up CI/CD for design handoffs, or validating output quality to ensure component integrity and prevent production failures.
View Details
Figma To React Component Generator
anima-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
386
This workflow automates the design handoff process by creating a continuous pipeline from Figma designs to functional React code. It scans Figma components, generates code batches (supporting TypeScript, Tailwind CSS, etc.), and includes change detection to automatically update the codebase when the design source changes. Ideal for building complex design systems and implementing CI/CD design-to-code workflows.
View Details
Deploy Anima Design To Code API
anima-deploy-integration
jeremylongshore/claude-code-plugins-plus-skills
383
This skill guides the deployment of the Anima design-to-code service as a backend API endpoint. It is essential for building microservices that convert Figma designs into functional code, suitable for internal design tools or production APIs. Supports deployment via Vercel and Google Cloud Run.
View Details
Anima SDK For Figma Design Conversion
anima-install-auth
jeremylongshore/claude-code-plugins-plus-skills
182
This guide details how to install and configure the Anima SDK for robust Figma-to-code generation. It is essential for developers setting up design-to-code automation pipelines, requiring configuration of both Anima and Figma API tokens. The SDK enables converting designs into production-ready React, Vue, or HTML components with Tailwind, MUI, or AntD styling.
View Details
Secure Anima and Figma Tokens
anima-security-basics
jeremylongshore/claude-code-plugins-plus-skills
329
This guide outlines critical security best practices for design-to-code pipelines using Anima and Figma. It covers securing API credentials by restricting token scopes (e.g., read-only access for Figma), enforcing server-side execution for SDKs, and implementing robust secret management using cloud services like GCP Secret Manager. This minimizes the risk of credential leakage in CI/CD environments.
View Details
Canva Platform Migration Using Strangler Pattern
canva-migration-deep-dive
jeremylongshore/claude-code-plugins-plus-skills
250
A comprehensive guide detailing the architecture and strategy for migrating a design system from legacy platforms (like Figma or Adobe) to the Canva Connect API. It employs the Strangler Fig Pattern to ensure a safe, gradual transition, covering asset mapping, adapter layer implementation, and feature flag traffic splitting across multiple phases.
View Details
Advanced Figma API Debugging Techniques
figma-advanced-troubleshooting
jeremylongshore/claude-code-plugins-plus-skills
129
This guide provides advanced, deep debugging techniques for complex Figma REST API issues that resist standard error handling. It covers full network tracing (cURL), validating unexpected response shapes (TypeScript), measuring rate limits, and safely chunking large files. Use this when standard troubleshooting fails, or detailed evidence is required for support escalation.
View Details
Prev
1
2
3
4
5
6
Next
Language
简体中文
English