xfive-figma-to-wordpress
Installation
SKILL.md
Instructions
Procedure overview
- First you will check if you can read the Figma design from the URL address provided. You will use Figma's MCP server or API access
- Then you will analyze the design and create plans for yourself.
- Then you will proceed with converting Figma design to WordPress code and content according to the plans you created in step 1.
- Then you will create a summary.
- Finally you will create an assessment of success, comparing plans agains the summary and pointing out what was accomplished and what requires human developer assistance.
1. Prerequisites
- Verify Figma URL is accessible
- Check if Figma MCP server or API access is available
- Extract design frames/components from Figma
- Download design assets (images, icons) to temporary folder
Error handling
- If Figma URL is inaccessible → inform user and request valid URL
- If MCP server unavailable → break and provide feedback for the user
Related skills
More from xfiveco/skills
plan-task
Read `task.md`, scan the repo for relevant code, and ask targeted clarifying questions before implementing changes.
15task-complete
Task is complete. Prepares MR/PR title and description. Removes task.md file.
12xfive-chisel-acf-blocks
Create custom ACF block in WordPress themes based on Chisel 2.0 starter theme. Use when an AI agent needs to create a custom ACF block in a project utilising Chisel 2.0 starter theme.
1