cownected

<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>
<h3>Trademark Notice</h3>
<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>
<h3>Third-Party Service: Figma API</h3>
<p>This plugin requires the use of the Figma API, a third-party service provided by Figma, Inc.</p>
<p><strong>What is Figma and what is it used for?</strong><br />
Figma 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>
<p><strong>What data is sent and when?</strong><br />
– When you configure a Figma file, your Figma File ID and Personal Access Token are stored locally in your WordPress database<br />
– When displaying content, the plugin sends requests to the Figma API using your access token to fetch:<br />
  – File metadata (file name, pages, layers)<br />
  – Design content (text content, colors, images)<br />
  – Component status information<br />
– Data is sent only when:<br />
  – You manually sync content<br />
  – The automatic hourly sync runs<br />
  – A visitor views a page containing Figma content blocks<br />
– Your access token is sent with each API request for authentication<br />
– No user data from your WordPress site is sent to Figma</p>
<p><strong>Privacy and Service Terms:</strong><br />
– <a href="https://www.figma.com/privacy/" rel="nofollow ugc">Figma Privacy Policy</a><br />
– <a href="https://www.figma.com/terms-of-service/" rel="nofollow ugc">Figma Terms of Service</a><br />
– <a href="https://www.figma.com/developers/api" rel="nofollow ugc">Figma API Documentation</a></p>
<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>
<h3>Features</h3>
<ul>
<li><strong>Admin Interface</strong>: Manage multiple Figma files with their IDs and access tokens</li>
<li><strong>Content Block</strong>: Display content from Figma files, pages, and layers</li>
<li><strong>Component Status Block</strong>: Show the status of Figma components</li>
<li><strong>Database Tracking</strong>: Track block usages for content synchronization</li>
<li><strong>REST API</strong>: Endpoints for fetching Figma data</li>
<li><strong>Automatic Sync</strong>: Scheduled content synchronization with Figma</li>
</ul>
<h3>Configuration</h3>
<h3>Adding Figma Files</h3>
<ol>
<li>Navigate to <strong>Figma Files</strong> > <strong>Add New</strong> in your WordPress admin</li>
<li>Fill in the required information:
<ul>
<li><strong>Name</strong>: A friendly name for your Figma file</li>
<li><strong>Figma File ID</strong>: The file ID from your Figma URL (the part after <code>/file/</code>)</li>
<li><strong>Access Token</strong>: Your Figma personal access token</li>
<li><strong>Description</strong>: Optional description for the file</li>
</ul>
</li>
</ol>
<h3>Getting a Figma Access Token</h3>
<ol>
<li>Go to your <a href="https://www.figma.com/settings" rel="nofollow ugc">Figma account settings</a></li>
<li>Scroll down to “Personal access tokens”</li>
<li>Click “Create new token”</li>
<li>Give it a name and copy the token</li>
<li>Use this token in the plugin settings</li>
</ol>
<h3>Using the Blocks</h3>
<h3>Figma Content Block</h3>
<ol>
<li>Add a new “Figma Content” block to your post/page</li>
<li>In the block settings:
<ul>
<li>Select a Figma file from the dropdown</li>
<li>Choose a page from the file</li>
<li>Optionally select a specific layer</li>
<li>Configure display options (texts, colors, images)</li>
</ul>
</li>
<li>The block will display a preview in the editor and render the content on the frontend</li>
</ol>
<h3>Figma Component Status Block</h3>
<ol>
<li>Add a new “Figma Component Status” block to your post/page</li>
<li>In the block settings:
<ul>
<li>Select a Figma file from the dropdown</li>
<li>Configure what information to display (last modified, version, thumbnail)</li>
</ul>
</li>
<li>The block will show the component status information</li>
</ol>
<h3>Block Attributes</h3>
<h3>Content Block Attributes</h3>
<ul>
<li><code>figmaFileId</code>: The Figma file ID</li>
<li><code>pageId</code>: The page ID within the file</li>
<li><code>layerId</code>: The layer ID within the page</li>
<li><code>blockId</code>: Unique identifier for the block</li>
<li><code>showTexts</code>: Whether to display text content</li>
<li><code>showColors</code>: Whether to display color information</li>
<li><code>showImages</code>: Whether to display image references</li>
</ul>
<h3>Component Status Block Attributes</h3>
<ul>
<li><code>figmaFileId</code>: The Figma file ID</li>
<li><code>componentId</code>: Specific component ID (optional)</li>
<li><code>showLastModified</code>: Whether to display last modified date</li>
<li><code>showVersion</code>: Whether to display version information</li>
<li><code>showThumbnail</code>: Whether to display thumbnail image</li>
</ul>
<h3>REST API Endpoints</h3>
<p>The plugin provides REST API endpoints for fetching Figma data:</p>
<ul>
<li><code>GET /wp-json/figmoove/v1/files</code> – Get all configured files</li>
<li><code>GET /wp-json/figmoove/v1/files/{file_id}/pages</code> – Get pages from a file</li>
<li><code>GET /wp-json/figmoove/v1/files/{file_id}/layers</code> – Get layers from a file</li>
<li><code>GET /wp-json/figmoove/v1/files/{file_id}/content</code> – Get content from a node</li>
<li><code>GET /wp-json/figmoove/v1/files/{file_id}/component-status</code> – Get component status</li>
<li><code>POST /wp-json/figmoove/v1/sync-content</code> – Manually sync content</li>
</ul>
<h3>Content Synchronization</h3>
<p>The plugin automatically tracks block usages and synchronizes content:</p>
<ul>
<li>Block usages are saved to the database when posts are saved</li>
<li>Content is cached to improve performance</li>
<li>A scheduled task runs hourly to sync content from Figma</li>
<li>Manual sync can be triggered via the REST API</li>
</ul>
<h3>Database Tables</h3>
<p>The plugin creates two database tables:</p>
<ol>
<li><code>wp_figmoove_files</code> – Stores Figma file configurations</li>
<li><code>wp_figmoove_block_usages</code> – Tracks block usages for synchronization</li>
</ol>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0+</li>
<li>PHP 7.4+</li>
<li>Active internet connection for Figma API access</li>
</ul>
<h3>Development</h3>
<h3>File Structure</h3>
<pre><code>`
</code></pre>
<p>figmoove/<br />
├── figmoove.php          # Main plugin file<br />
├── includes/<br />
│   ├── class-database.php       # Database operations<br />
│   ├── class-admin.php          # Admin interface<br />
│   ├── class-api.php            # API functionality<br />
│   └── class-blocks.php         # Block registration<br />
├── assets/<br />
│   ├── js/<br />
│   │   ├── blocks.js            # Block editor JavaScript<br />
│   │   └── frontend.js          # Frontend JavaScript<br />
│   └── css/<br />
│       ├── blocks.css           # Frontend styles<br />
│       └── blocks-editor.css    # Editor styles<br />
└── README.md<br />
    `</p>
<h3>WordPress Coding Standards</h3>
<p>This plugin follows WordPress coding standards and best practices:</p>
<ul>
<li>Proper sanitization and validation</li>
<li>Security nonces for form submissions</li>
<li>Prepared statements for database queries</li>
<li>Proper enqueuing of scripts and styles</li>
<li>Internationalization support</li>
</ul>
<h3>Support</h3>
<p>For support and feature requests, please contact the plugin author.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>


FigMoove – Content for Figma

WordPress plugin to integrate Figma content into your website. Manage multiple Figma files and display content from specific layers.

lightsyncpro

tagteamdesign

<p><strong>LightSync Pro creates a cloud-to-CMS image pipeline for WordPress and Shopify.</strong></p>
<p>Connect your creative tools, browse your cloud content inside WordPress, and sync images without downloading, renaming, or re-uploading anything — to WordPress and Shopify simultaneously. When a source image changes, simply re-sync to update it in place — without breaking attachment IDs, layouts, or product images.</p>
<p>Whether you’re a photographer publishing from Lightroom, a designer working in Canva or Figma, or a Shopify merchant managing product images — LightSync Pro eliminates the repetitive download-upload cycle with automatic compression and optional AI image generation.</p>
<p>No exports. No duplicate uploads. No broken links.</p>
<h4>How It Works</h4>
<ol>
<li><strong>Connect</strong> — Authorize Lightroom, Canva, Figma, Dropbox, Shutterstock, or OpenRouter (AI) via secure OAuth</li>
<li><strong>Browse</strong> — View albums, designs, files, folders, licensed images, or generate AI images directly inside WordPress</li>
<li><strong>Choose Destination</strong> — Sync to WordPress, Shopify, or both simultaneously</li>
<li><strong>Sync</strong> — Images are optimized, compressed, and added to your Media Library or Shopify Files</li>
</ol>
<p>All sources sync to both WordPress and Shopify in the free version — no upgrade required for multi-destination sync.</p>
<h4>Why LightSync Pro Is Different</h4>
<ul>
<li>No manual downloads from Canva, Lightroom, or Dropbox</li>
<li>No duplicate uploads to WordPress or Shopify</li>
<li>No broken image links when updating hero or product images</li>
<li>No developer API keys required</li>
<li>Replace images in place without changing attachment IDs</li>
<li>Update once, sync everywhere</li>
</ul>
<h4>Supported Sources</h4>
<ul>
<li><strong>Adobe Lightroom</strong> — Browse albums, select photos, choose rendition sizes, and sync with version history</li>
<li><strong>Canva</strong> — Browse designs and sync individual pages as images</li>
<li><strong>Figma</strong> — Browse teams, projects, and files; sync individual frames as images</li>
<li><strong>Dropbox</strong> — Browse folders, preview images, and sync files directly</li>
<li><strong>Shutterstock</strong> — Sync images you’ve already licensed with your Shutterstock subscription — no re-downloading required</li>
<li><strong>AI Image Generation</strong> — Generate images using 400+ AI models via OpenRouter (Flux, DALL-E, Stable Diffusion, Gemini, and more), then compress and sync directly to WordPress or Shopify</li>
</ul>
<h4>Sync Destinations</h4>
<ul>
<li><strong>WordPress Media Library</strong> — Images sync as standard attachments, ready for posts, pages, WooCommerce products, and galleries</li>
<li><strong>Shopify Files</strong> — Sync images directly to your Shopify store’s Files library for products, collections, and themes</li>
</ul>
<h4>Key Features</h4>
<ul>
<li><strong>Cloud-Native OAuth</strong> — Secure broker-based authentication handles API credentials. No developer keys required.</li>
<li><strong>Non-Destructive Updates</strong> — Re-sync an image and the existing attachment updates in place. All posts and products using it reflect the change automatically.</li>
<li><strong>Version History</strong> — Track changes and roll back to previous versions of AI-generated images.</li>
<li><strong>AI Image Generation</strong> — Generate images using 400+ AI models including Flux, DALL-E, Stable Diffusion, and Gemini via OpenRouter.</li>
<li><strong>Shopify Integration</strong> — Sync images from any source to Shopify Files.</li>
<li><strong>WebP Compression</strong> — Automatic image optimization on sync improves page speed and reduces bandwidth usage.</li>
<li><strong>Background Sync</strong> — Large batches process in the background so you can continue working.</li>
<li><strong>Activity Feed</strong> — Complete sync history with timestamps and details.</li>
<li><strong>Weekly Digest</strong> — Email summary of sync activity for your team.</li>
<li><strong>SEO-Friendly Custom Naming</strong> — Apply naming patterns and custom alt text rules across synced images.</li>
<li><strong>Optimization Analytics</strong> — Track compression savings and image performance.</li>
</ul>
<h4>Who Is This For?</h4>
<ul>
<li><strong>Photographers</strong> publishing Lightroom portfolios to WordPress</li>
<li><strong>Designers</strong> moving Canva or Figma visuals to their website</li>
<li><strong>Stock image subscribers</strong> syncing licensed Shutterstock images</li>
<li><strong>Shopify merchants</strong> managing product images across platforms</li>
<li><strong>Content creators</strong> generating AI images inside WordPress</li>
<li><strong>Agencies</strong> managing client sites with cloud-based creative assets</li>
<li><strong>Content teams</strong> eliminating repetitive download-upload workflows</li>
</ul>
<h4>Plans & Upgrades</h4>
<p>The free plugin connects 1 WordPress site with full manual sync, all listed sources, AI image generation, Shopify integration, and WebP compression.</p>
<p>Two paid tiers add automation, AI intelligence, and team licensing. Learn more at <a href="https://lightsyncpro.com/pricing" rel="nofollow ugc">lightsyncpro.com/pricing</a>.</p>
<p><strong>Pro+ — adds to the free plan:</strong></p>
<ul>
<li><strong>Auto-Sync Scheduling</strong> — Keep albums and folders in sync automatically without manual intervention</li>
<li><strong>AI Assistant (MCP)</strong> — Claude-powered sync assistant built directly into your WordPress dashboard</li>
<li><strong>Library Mode</strong> — Unified, filterable, searchable grid of all your assets across every connected source</li>
<li><strong>Task Builder</strong> — Build custom sync rules that run on a schedule directly from your dashboard</li>
<li><strong>Hero Picker</strong> — AI ranks your images for your specific use case so the best asset always leads</li>
<li><strong>Auto Alt Text</strong> — AI-generated alt text for every synced image, improving accessibility and SEO automatically</li>
<li><strong>A/B Image Testing</strong> — Test image variants and track which performs better</li>
<li><strong>Filter by AI Scores</strong> — Sort and filter your Media Library by AI performance ratings</li>
<li><strong>Performance Analytics</strong> — Track sync activity and image performance over time</li>
<li><strong>Google Search Console Integration</strong> — Sync decisions informed by real search data</li>
<li><strong>Chrome Extension</strong> — Sync directly from Lightroom via browser without leaving your workflow</li>
<li><strong>AVIF Compression</strong> — Next-generation image optimization beyond WebP for even smaller file sizes</li>
<li><strong>Email Support</strong> — Direct email access to the development team</li>
</ul>
<p><strong>Agency — adds to Pro+:</strong></p>
<ul>
<li><strong>5 Site Licenses</strong> — Each license works independently</li>
<li><strong>Priority Support</strong> — Faster response times</li>
<li>Built for: web design agencies, freelancers managing multiple clients, multi-site portfolio owners, and marketing teams</li>
</ul>
<p><strong>Need to sync to HubSpot, Contentful, or Webflow? or distribute to multiple sites at once?</strong></p>
<p><a href="https://syncific.com" rel="nofollow ugc">Syncific</a> is the standalone platform that adds CMS destinations beyond WordPress and Shopify — same broker architecture, unlimited destinations. Sync once from any source, fan out to unlimited sites simultaneously.</p>
<p><a href="https://syncific.com/audit" rel="nofollow ugc">Free Website Image SEO Audit</a> to discover missing alt text, unoptimized images, oversized files, and Core Web Vitals issues. Instant report, no signup required.</p>
<h3>Third-Party Services</h3>
<p>This plugin connects to external services to provide its functionality. By using this plugin, you agree to the terms and privacy policies of the following services:</p>
<p><strong>LightSync Pro Broker Service</strong><br />
Handles secure OAuth authentication and sync coordination.<br />
* Service URL: https://lightsyncpro.com<br />
* Privacy Policy: https://lightsyncpro.com/privacy<br />
* Terms of Service: https://lightsyncpro.com/terms</p>
<p><strong>Adobe Lightroom</strong><br />
* Service URL: https://lightroom.adobe.com<br />
* Privacy Policy: https://www.adobe.com/privacy/policy.html<br />
* Terms of Service: https://www.adobe.com/legal/terms.html</p>
<p><strong>Canva</strong><br />
* Service URL: https://www.canva.com<br />
* Privacy Policy: https://www.canva.com/policies/privacy-policy/<br />
* Terms of Service: https://www.canva.com/policies/terms-of-use/</p>
<p><strong>Figma</strong><br />
* Service URL: https://www.figma.com<br />
* Privacy Policy: https://www.figma.com/privacy/<br />
* Terms of Service: https://www.figma.com/tos/</p>
<p><strong>Dropbox</strong><br />
* Service URL: https://www.dropbox.com<br />
* Privacy Policy: https://www.dropbox.com/privacy<br />
* Terms of Service: https://www.dropbox.com/terms</p>
<p><strong>Shutterstock</strong><br />
* Service URL: https://www.shutterstock.com<br />
* Privacy Policy: https://www.shutterstock.com/privacy<br />
* Terms of Service: https://www.shutterstock.com/terms</p>
<p><strong>Shopify</strong><br />
* Service URL: https://www.shopify.com<br />
* Privacy Policy: https://www.shopify.com/legal/privacy<br />
* Terms of Service: https://www.shopify.com/legal/terms</p>
<p><strong>OpenRouter (AI Image Generation)</strong><br />
* Service URL: https://openrouter.ai<br />
* Privacy Policy: https://openrouter.ai/privacy<br />
* Terms of Service: https://openrouter.ai/terms</p>
<p><strong>Google Fonts</strong><br />
Loads the Montserrat font for admin UI styling.<br />
* Service URL: https://fonts.google.com<br />
* Privacy Policy: https://policies.google.com/privacy</p>


LightSync Pro – Connect & Sync Cloud Assets | Lightroom, Canva, Figma, Dropbox & Shutterstock

Cloud-to-CMS image synchronization for WordPress & Shopify. Connect Lightroom, Canva, Figma, Dropbox, Shutterstock or generate with AI models — up …

FigMoove – Content for Figma vs LightSync Pro – Connect & Sync Cloud Assets | Lightroom, Canva, Figma, Dropbox & Shutterstock