AI导哈

Figma转WordPress模板

用于高效完成Figma到WordPress编码项目的模板工具，包含项目结构、文档和自动化命令。

  • by jKai-Hw
  • SCSS
  • 本地部署
  • 更新于
在 GitHub 查看 jKai-Hw/figma-wordpress-project

使用说明

Figma → WordPress 模板

Figma → WordPress 有效推进编码案件的模板

🚀 快速启动

开始新项目时→ docs/QUICK_START.md

# 1. リポジトリをコピー
git clone https://github.com/your-username/figma-wordpress-project.git 案件名-project
cd 案件名-project
rm -rf .git && git init

# 2. セットアップ
npm install
docker-compose up -d
npm run watch:css

# 3. アクセス
open http://localhost:8080

📁 构成

├── .cursor/rules/     # AI協業ルール
├── docs/              # ドキュメント
├── figma-data/        # MCPデータ保存
├── static-preview/    # HTMLプレビュー
└── wp-theme/          # WordPressテーマ【納品対象】
    ├── assets/
    │   ├── scss/      # Sassファイル
    │   └── js/
    │       ├── modules/ # JSモジュール
    │       └── main.js  # エントリーポイント
    └── inc/           # 機能ファイル

📚 文档

文件内容 | -------------------------------------------- | ---------------------------- | | docs/QUICK_START.md ｜新案件开始指南｜ | docs/PROMPTS.md ｜提示集｜ | docs/CHECKLISTS.md ｜品质检查・Git操作 | 文档/项目_PLAN.md 项目计划模板

🔧 命令

npm run watch:css    # SCSS監視
npm run build:css    # SCSSビルド
npm run lint:scss    # SCSSリント
npm run lint:js      # JSリント
npm run format       # コード整形

📦 技术栈

  • WordPress（经典主题）
  • SCSS → CSS
  • jQuery
  • 码头工人
  • Figma MCP

许可证： GPL v2或更高版本

相关 MCP