{"id":243569,"date":"2026-01-12T09:58:28","date_gmt":"2026-01-12T09:58:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/figmoove\/"},"modified":"2026-01-12T10:06:26","modified_gmt":"2026-01-12T10:06:26","slug":"figmoove","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/figmoove\/","author":23063702,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.9","stable_tag":"1.0.20","tested":"6.9.4","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"FigMoove \u2013 Content for Figma","header_author":"Cownected","header_description":"WordPress plugin to integrate Figma content into your website. Manage multiple Figma files, display content from specific layers, and track component status.","assets_banners_color":"fffcf1","last_updated":"2026-01-12 10:06:26","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/figmoove","header_author_uri":"https:\/\/cownected.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":308,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":{"1.0.20":{"tag":"1.0.20","author":"cownected","date":"2026-01-12 10:06:26"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3437536,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3437536,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3437536,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"figmoove\/content":{"name":"figmoove\/content","title":"Figma Content"},"figmoove\/page-status":{"name":"figmoove\/page-status","title":"Figma Page Status"}},"tagged_versions":["1.0.20"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3437536,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3437536,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3437536,"resolution":"3","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4121,529,4072,225034,148076],"plugin_category":[],"plugin_contributors":[232674],"plugin_business_model":[],"class_list":["post-243569","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-content","plugin_tags-design","plugin_tags-figma","plugin_tags-gutenberg","plugin_contributors-cownected","plugin_committers-cownected"],"banners":{"banner":"https:\/\/ps.w.org\/figmoove\/assets\/banner-772x250.png?rev=3437536","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/figmoove\/assets\/icon-128x128.png?rev=3437536","icon_2x":"https:\/\/ps.w.org\/figmoove\/assets\/icon-256x256.png?rev=3437536","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/figmoove\/assets\/screenshot-1.png?rev=3437536","caption":""},{"src":"https:\/\/ps.w.org\/figmoove\/assets\/screenshot-2.png?rev=3437536","caption":""},{"src":"https:\/\/ps.w.org\/figmoove\/assets\/screenshot-3.png?rev=3437536","caption":""}],"raw_content":"<!--section=description-->\n<p>A WordPress plugin that allows you to integrate Figma content into your website. Manage multiple Figma files, display content from specific layers, and track component status.<\/p>\n\n<h3>Trademark Notice<\/h3>\n\n<p>This plugin is not affiliated with, endorsed by, or sponsored by Figma, Inc. \"Figma\" is a trademark of Figma, Inc. This plugin is an independent third-party tool that integrates with the Figma API.<\/p>\n\n<h3>Third-Party Service: Figma API<\/h3>\n\n<p>This plugin requires the use of the Figma API, a third-party service provided by Figma, Inc.<\/p>\n\n<p><strong>What is Figma and what is it used for?<\/strong>\nFigma is a collaborative design tool. This plugin uses the Figma API to fetch design content (text, images, colors, and layout information) from your Figma files and display it on your WordPress website.<\/p>\n\n<p><strong>What data is sent and when?<\/strong>\n- When you configure a Figma file, your Figma File ID and Personal Access Token are stored locally in your WordPress database\n- When displaying content, the plugin sends requests to the Figma API using your access token to fetch:\n  - File metadata (file name, pages, layers)\n  - Design content (text content, colors, images)\n  - Component status information\n- Data is sent only when:\n  - You manually sync content\n  - The automatic hourly sync runs\n  - A visitor views a page containing Figma content blocks\n- Your access token is sent with each API request for authentication\n- No user data from your WordPress site is sent to Figma<\/p>\n\n<p><strong>Privacy and Service Terms:<\/strong>\n- <a href=\"https:\/\/www.figma.com\/privacy\/\">Figma Privacy Policy<\/a>\n- <a href=\"https:\/\/www.figma.com\/terms-of-service\/\">Figma Terms of Service<\/a>\n- <a href=\"https:\/\/www.figma.com\/developers\/api\">Figma API Documentation<\/a><\/p>\n\n<p><strong>Important:<\/strong> This plugin is not affiliated with, endorsed by, or sponsored by Figma, Inc. \"Figma\" is a trademark of Figma, Inc.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><strong>Admin Interface<\/strong>: Manage multiple Figma files with their IDs and access tokens<\/li>\n<li><strong>Content Block<\/strong>: Display content from Figma files, pages, and layers<\/li>\n<li><strong>Component Status Block<\/strong>: Show the status of Figma components<\/li>\n<li><strong>Database Tracking<\/strong>: Track block usages for content synchronization<\/li>\n<li><strong>REST API<\/strong>: Endpoints for fetching Figma data<\/li>\n<li><strong>Automatic Sync<\/strong>: Scheduled content synchronization with Figma<\/li>\n<\/ul>\n\n<h3>Configuration<\/h3>\n\n<h3>Adding Figma Files<\/h3>\n\n<ol>\n<li>Navigate to <strong>Figma Files<\/strong> &gt; <strong>Add New<\/strong> in your WordPress admin<\/li>\n<li>Fill in the required information:\n\n<ul>\n<li><strong>Name<\/strong>: A friendly name for your Figma file<\/li>\n<li><strong>Figma File ID<\/strong>: The file ID from your Figma URL (the part after <code>\/file\/<\/code>)<\/li>\n<li><strong>Access Token<\/strong>: Your Figma personal access token<\/li>\n<li><strong>Description<\/strong>: Optional description for the file<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<h3>Getting a Figma Access Token<\/h3>\n\n<ol>\n<li>Go to your <a href=\"https:\/\/www.figma.com\/settings\">Figma account settings<\/a><\/li>\n<li>Scroll down to \"Personal access tokens\"<\/li>\n<li>Click \"Create new token\"<\/li>\n<li>Give it a name and copy the token<\/li>\n<li>Use this token in the plugin settings<\/li>\n<\/ol>\n\n<h3>Using the Blocks<\/h3>\n\n<h3>Figma Content Block<\/h3>\n\n<ol>\n<li>Add a new \"Figma Content\" block to your post\/page<\/li>\n<li>In the block settings:\n\n<ul>\n<li>Select a Figma file from the dropdown<\/li>\n<li>Choose a page from the file<\/li>\n<li>Optionally select a specific layer<\/li>\n<li>Configure display options (texts, colors, images)<\/li>\n<\/ul><\/li>\n<li>The block will display a preview in the editor and render the content on the frontend<\/li>\n<\/ol>\n\n<h3>Figma Component Status Block<\/h3>\n\n<ol>\n<li>Add a new \"Figma Component Status\" block to your post\/page<\/li>\n<li>In the block settings:\n\n<ul>\n<li>Select a Figma file from the dropdown<\/li>\n<li>Configure what information to display (last modified, version, thumbnail)<\/li>\n<\/ul><\/li>\n<li>The block will show the component status information<\/li>\n<\/ol>\n\n<h3>Block Attributes<\/h3>\n\n<h3>Content Block Attributes<\/h3>\n\n<ul>\n<li><code>figmaFileId<\/code>: The Figma file ID<\/li>\n<li><code>pageId<\/code>: The page ID within the file<\/li>\n<li><code>layerId<\/code>: The layer ID within the page<\/li>\n<li><code>blockId<\/code>: Unique identifier for the block<\/li>\n<li><code>showTexts<\/code>: Whether to display text content<\/li>\n<li><code>showColors<\/code>: Whether to display color information<\/li>\n<li><code>showImages<\/code>: Whether to display image references<\/li>\n<\/ul>\n\n<h3>Component Status Block Attributes<\/h3>\n\n<ul>\n<li><code>figmaFileId<\/code>: The Figma file ID<\/li>\n<li><code>componentId<\/code>: Specific component ID (optional)<\/li>\n<li><code>showLastModified<\/code>: Whether to display last modified date<\/li>\n<li><code>showVersion<\/code>: Whether to display version information<\/li>\n<li><code>showThumbnail<\/code>: Whether to display thumbnail image<\/li>\n<\/ul>\n\n<h3>REST API Endpoints<\/h3>\n\n<p>The plugin provides REST API endpoints for fetching Figma data:<\/p>\n\n<ul>\n<li><code>GET \/wp-json\/figmoove\/v1\/files<\/code> - Get all configured files<\/li>\n<li><code>GET \/wp-json\/figmoove\/v1\/files\/{file_id}\/pages<\/code> - Get pages from a file<\/li>\n<li><code>GET \/wp-json\/figmoove\/v1\/files\/{file_id}\/layers<\/code> - Get layers from a file<\/li>\n<li><code>GET \/wp-json\/figmoove\/v1\/files\/{file_id}\/content<\/code> - Get content from a node<\/li>\n<li><code>GET \/wp-json\/figmoove\/v1\/files\/{file_id}\/component-status<\/code> - Get component status<\/li>\n<li><code>POST \/wp-json\/figmoove\/v1\/sync-content<\/code> - Manually sync content<\/li>\n<\/ul>\n\n<h3>Content Synchronization<\/h3>\n\n<p>The plugin automatically tracks block usages and synchronizes content:<\/p>\n\n<ul>\n<li>Block usages are saved to the database when posts are saved<\/li>\n<li>Content is cached to improve performance<\/li>\n<li>A scheduled task runs hourly to sync content from Figma<\/li>\n<li>Manual sync can be triggered via the REST API<\/li>\n<\/ul>\n\n<h3>Database Tables<\/h3>\n\n<p>The plugin creates two database tables:<\/p>\n\n<ol>\n<li><code>wp_figmoove_files<\/code> - Stores Figma file configurations<\/li>\n<li><code>wp_figmoove_block_usages<\/code> - Tracks block usages for synchronization<\/li>\n<\/ol>\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li>WordPress 5.0+<\/li>\n<li>PHP 7.4+<\/li>\n<li>Active internet connection for Figma API access<\/li>\n<\/ul>\n\n<h3>Development<\/h3>\n\n<h3>File Structure<\/h3>\n\n<pre><code>`\n<\/code><\/pre>\n\n<p>figmoove\/\n\u251c\u2500\u2500 figmoove.php          # Main plugin file\n\u251c\u2500\u2500 includes\/\n\u2502   \u251c\u2500\u2500 class-database.php       # Database operations\n\u2502   \u251c\u2500\u2500 class-admin.php          # Admin interface\n\u2502   \u251c\u2500\u2500 class-api.php            # API functionality\n\u2502   \u2514\u2500\u2500 class-blocks.php         # Block registration\n\u251c\u2500\u2500 assets\/\n\u2502   \u251c\u2500\u2500 js\/\n\u2502   \u2502   \u251c\u2500\u2500 blocks.js            # Block editor JavaScript\n\u2502   \u2502   \u2514\u2500\u2500 frontend.js          # Frontend JavaScript\n\u2502   \u2514\u2500\u2500 css\/\n\u2502       \u251c\u2500\u2500 blocks.css           # Frontend styles\n\u2502       \u2514\u2500\u2500 blocks-editor.css    # Editor styles\n\u2514\u2500\u2500 README.md\n    `<\/p>\n\n<h3>WordPress Coding Standards<\/h3>\n\n<p>This plugin follows WordPress coding standards and best practices:<\/p>\n\n<ul>\n<li>Proper sanitization and validation<\/li>\n<li>Security nonces for form submissions<\/li>\n<li>Prepared statements for database queries<\/li>\n<li>Proper enqueuing of scripts and styles<\/li>\n<li>Internationalization support<\/li>\n<\/ul>\n\n<h3>Support<\/h3>\n\n<p>For support and feature requests, please contact the plugin author.<\/p>\n\n<h3>License<\/h3>\n\n<p>This plugin is licensed under the GPL v2 or later.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/figmoove<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Go to 'Figma Files' in the admin menu to configure your Figma files<\/li>\n<\/ol>","raw_excerpt":"WordPress plugin to integrate Figma content into your website. Manage multiple Figma files and display content from specific layers.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/243569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=243569"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/cownected"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=243569"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=243569"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=243569"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=243569"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=243569"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=243569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}