generate-project-plan

Name: generate-project-plan
Author: figma

1.8kstars163forks

How to install generate-project-plan?

figma/mcp-server-guide/generate-project-plan

$npx -y skills add figma/mcp-server-guide --skill generate-project-plan

Installs into the current project.

Summary

Generate a FigJam project plan board from a PRD plus codebase context. Interactive flow: research → propose sections → per-section deep research → per-section content + block-shape proposal → create FigJam → skeleton → fill → diagrams → wrap. Each content block (section, nested s

Files · 1

View on GitHub

SKILL.md

1	# generate-project-plan
2
3	Turn a PRD (plus optional codebase grounding) into a FigJam project plan board. Section set is not fixed — the skill proposes candidates from the research and the user picks which to include. For each picked section, the skill proposes content + rendering shape (block) and the user confirms.
4
5	## Mandatory prerequisites
6
7	Foundation skills (load by name; available in `figma/mcp-server-guide`):
8
9	- `figma-use` — Load once per session. Stays in context for all `use_figma` calls.
10	- `figma-use-figjam` — Re-load before every `use_figma` call.
11	- `figma-generate-diagram` — Re-load before every `generate_diagram` call.
12
13	Foundation references (in this plugin):
14
15	- [`foundation/palette.md`](references/foundation/palette.md) — section + sticky + text palette constants (`hex/255`).
16	- [`foundation/layout.md`](references/foundation/layout.md) — canvas geometry, sizing rules, placeholder lifecycle.
17	- [`foundation/plugin-api-traps.md`](references/foundation/plugin-api-traps.md) — documented traps for FigJam `use_figma`.
18	- [`foundation/codebase-grounding.md`](references/foundation/codebase-grounding.md) — Step 1 expansion rules.
19
20	Section catalog:
21
22	- [`section-catalog.md`](references/section-catalog.md) — the ~10 candidate sections with default blocks and palette.
23
24	Block subskills (one per content type — re-load the one(s) you need before each `use_figma` fill call):
25
26	\| Block \| File \| When to load \|
27	\|---\|---\|---\|
28	\| Top-level section \| [`blocks/section.md`](references/blocks/section.md) \| Skeleton pass (Step 6) and every fill call (Step 7) \|
29	\| Nested section \| [`blocks/nested-section.md`](references/blocks/nested-section.md) \| Fills that group sub-content (e.g. "Design Decisions 1/2/3") \|
30	\| Intro callout \| [`blocks/intro-callout.md`](references/blocks/intro-callout.md) \| Fills that open with a highlighted intro (e.g. Motivation) \|
31	\| Text primitives \| [`blocks/text-primitives.md`](references/blocks/text-primitives.md) \| Any fill that uses body paragraphs, H3 subheaders, or bulleted lists \|
32	\| Table \| [`blocks/table.md`](references/blocks/table.md) \| Fills with structured data (Resources, Goals, Dependencies, Rollout, Milestones) \|
33	\| Multi-column text \| [`blocks/multi-column-text.md`](references/blocks/multi-column-text.md) \| Fills with 2–4 option columns (Design Decisions alternatives) \|
34	\| Sticky column \| [`blocks/sticky-column.md`](references/blocks/sticky-column.md) \| Fills with lists of stickies (Success Metrics, Risks, Open Questions) \|
35	\| Diagram section \| [`blocks/diagram-section.md`](references/blocks/diagram-section.md) \| Right-column diagram sections (Step 8) \|
36	\| Metadata strip \| [`blocks/metadata-strip.md`](references/blocks/metadata-strip.md) \| Skeleton pass — one metadata strip at top of board \|
37
38	Also pass `skillNames: "figma-use,figma-use-figjam,generate-project-plan"` on `use_figma` calls (logging only).
39
40	## Visual UI conventions — STRICT, do not deviate
41
42	These are derived from a canonical reference board. Read the source-of-truth files for the full constants; this section is a single-place summary so an agent can answer "what color / size / font / padding?" without hunting.
43
44	### Colors (two-tone per section)
45
46	Every left-column section uses two coordinated colors of the same hue: a very-pale `ARCH_PALE` background, and a slightly-more-saturated FigJam-`SECTION` palette color for any table header inside that section. Right-column diagram sections are pure white.
47
48	\| Section bg (`ARCH_PALE.X`) \| Table header (`TABLE_HEADER.lightX`) \| Hue \|
49	\|---\|---\|---\|
50	\| `#F8F5FF` \| `#DCCCFF` \| violet \|
51	\| `#EBFFEE` \| `#CDF4D3` \| green \|
52	\| `#DBF0FF` \| `#C2E5FF` \| blue \|
53	\| `#F5FBFF` (alt) \| `#C2E5FF` \| pale blue \|
54	\| `#FFF7F0` \| `#FFE0C2` \| orange \|
55	\| `#F1FEFD` \| `#C6FAF6` \| teal \|
56	\| `#FFFBF0` \| `#FFEC BD` \| yellow \|
57	\| `#FFEEF8` \| `#FFC2EC` \| pink \|
58	\| `#FFEEE8` \| `#FFCDC2` \| red \|
59
60	Source: `references/foundation/palette.md`. Never use the dark-saturated palette (`#874FFF`, `#3DADFF`, etc.) for table headers — that's for FigJam's standalone tables, not project-plan boards.
61
62	Architecture-diagram subgraph colors are auto-applied by `generate_diagram` and must not be overridden. Their canonical values: `client #AFF4C6` rounded-rect, `gateway #FFFFFF` square (diamond if labeled "Load Balancer"/"ALB"/"LB"), `servi

People who liked this also viewed

6 picks

Type

generate-project-plan

1.8kstars163forks

View on GitHub

How to install generate-project-plan?

figma/mcp-server-guide/generate-project-plan

$npx -y skills add figma/mcp-server-guide --skill generate-project-plan

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# generate-project-plan
2
3	Turn a PRD (plus optional codebase grounding) into a FigJam project plan board. Section set is not fixed — the skill proposes candidates from the research and the user picks which to include. For each picked section, the skill proposes content + rendering shape (block) and the user confirms.
4
5	## Mandatory prerequisites
6
7	Foundation skills (load by name; available in `figma/mcp-server-guide`):
8
9	- `figma-use` — Load once per session. Stays in context for all `use_figma` calls.
10	- `figma-use-figjam` — Re-load before every `use_figma` call.
11	- `figma-generate-diagram` — Re-load before every `generate_diagram` call.
12
13	Foundation references (in this plugin):
14
15	- [`foundation/palette.md`](references/foundation/palette.md) — section + sticky + text palette constants (`hex/255`).
16	- [`foundation/layout.md`](references/foundation/layout.md) — canvas geometry, sizing rules, placeholder lifecycle.
17	- [`foundation/plugin-api-traps.md`](references/foundation/plugin-api-traps.md) — documented traps for FigJam `use_figma`.
18	- [`foundation/codebase-grounding.md`](references/foundation/codebase-grounding.md) — Step 1 expansion rules.
19
20	Section catalog:
21
22	- [`section-catalog.md`](references/section-catalog.md) — the ~10 candidate sections with default blocks and palette.
23
24	Block subskills (one per content type — re-load the one(s) you need before each `use_figma` fill call):
25
26	\| Block \| File \| When to load \|
27	\|---\|---\|---\|
28	\| Top-level section \| [`blocks/section.md`](references/blocks/section.md) \| Skeleton pass (Step 6) and every fill call (Step 7) \|
29	\| Nested section \| [`blocks/nested-section.md`](references/blocks/nested-section.md) \| Fills that group sub-content (e.g. "Design Decisions 1/2/3") \|
30	\| Intro callout \| [`blocks/intro-callout.md`](references/blocks/intro-callout.md) \| Fills that open with a highlighted intro (e.g. Motivation) \|
31	\| Text primitives \| [`blocks/text-primitives.md`](references/blocks/text-primitives.md) \| Any fill that uses body paragraphs, H3 subheaders, or bulleted lists \|
32	\| Table \| [`blocks/table.md`](references/blocks/table.md) \| Fills with structured data (Resources, Goals, Dependencies, Rollout, Milestones) \|
33	\| Multi-column text \| [`blocks/multi-column-text.md`](references/blocks/multi-column-text.md) \| Fills with 2–4 option columns (Design Decisions alternatives) \|
34	\| Sticky column \| [`blocks/sticky-column.md`](references/blocks/sticky-column.md) \| Fills with lists of stickies (Success Metrics, Risks, Open Questions) \|
35	\| Diagram section \| [`blocks/diagram-section.md`](references/blocks/diagram-section.md) \| Right-column diagram sections (Step 8) \|
36	\| Metadata strip \| [`blocks/metadata-strip.md`](references/blocks/metadata-strip.md) \| Skeleton pass — one metadata strip at top of board \|
37
38	Also pass `skillNames: "figma-use,figma-use-figjam,generate-project-plan"` on `use_figma` calls (logging only).
39
40	## Visual UI conventions — STRICT, do not deviate
41
42	These are derived from a canonical reference board. Read the source-of-truth files for the full constants; this section is a single-place summary so an agent can answer "what color / size / font / padding?" without hunting.
43
44	### Colors (two-tone per section)
45
46	Every left-column section uses two coordinated colors of the same hue: a very-pale `ARCH_PALE` background, and a slightly-more-saturated FigJam-`SECTION` palette color for any table header inside that section. Right-column diagram sections are pure white.
47
48	\| Section bg (`ARCH_PALE.X`) \| Table header (`TABLE_HEADER.lightX`) \| Hue \|
49	\|---\|---\|---\|
50	\| `#F8F5FF` \| `#DCCCFF` \| violet \|
51	\| `#EBFFEE` \| `#CDF4D3` \| green \|
52	\| `#DBF0FF` \| `#C2E5FF` \| blue \|
53	\| `#F5FBFF` (alt) \| `#C2E5FF` \| pale blue \|
54	\| `#FFF7F0` \| `#FFE0C2` \| orange \|
55	\| `#F1FEFD` \| `#C6FAF6` \| teal \|
56	\| `#FFFBF0` \| `#FFEC BD` \| yellow \|
57	\| `#FFEEF8` \| `#FFC2EC` \| pink \|
58	\| `#FFEEE8` \| `#FFCDC2` \| red \|
59
60	Source: `references/foundation/palette.md`. Never use the dark-saturated palette (`#874FFF`, `#3DADFF`, etc.) for table headers — that's for FigJam's standalone tables, not project-plan boards.
61
62	Architecture-diagram subgraph colors are auto-applied by `generate_diagram` and must not be overridden. Their canonical values: `client #AFF4C6` rounded-rect, `gateway #FFFFFF` square (diamond if labeled "Load Balancer"/"ALB"/"LB"), `servi

People who liked this also viewed

6 picks

Type