1. Call the Figma MCP server's `create_design_system_rules` tool with `clientLanguages` and `clientFrameworks` to get a foundational prompt and template.
2. Analyze the project's codebase to understand existing component organization, styling approaches, and design token usage.
3. Generate project-specific rules based on the codebase analysis, covering component naming, styling, and asset handling.
4. Define Figma MCP integration rules to guide the translation of Figma designs into code, including the required workflow and implementation guidelines.
5. Refine the rules based on user feedback and testing to ensure they are practical and effective.
6. Integrate the finalized rules into the AI coding agent's configuration.
SynapticSkills