FigJam Planning Card Creator

A flexible Figma plugin by Prelude for adding structured planning cards to your FigJam board. Create cards using built-in templates, design custom cards, or import multiple cards from YAML/JSON for agile planning and project management.

Features

• 📥 Import Cards: Paste card definitions in YAML or JSON format
• ✏️ Custom Cards: Create cards with structured fields:
  • Title (required)
  • Objective (required)
  • Dependencies (optional)
  • Requirements (optional)
  • Lift (Days) (optional)
  • Start/End Dates (optional)
• 🎯 Smart Placement: Select a section or sticky note to add cards inside (sections only) or below it

Card Import Formats

The plugin supports importing cards in both YAML and JSON formats:

• YAML Format: examples/example.yaml
• JSON Format: examples/example.json
• Import Guide: examples/README.md - Templates and instructions

Download Templates:

• YAML Template - Blank template to get started
• JSON Template - Blank template to get started

How to Install

1. Open Figma Desktop App
2. Go to Plugins → Development → Import plugin from manifest...
3. Navigate to this folder and select manifest.json
4. The plugin will be installed and ready to use

How to Use

1. Open your FigJam board
2. Select a section or sticky note where you want to add cards
3. Run the plugin: Plugins → FigJam Planning Card Creator
4. Choose from three options:
   • Templates: Use built-in templates for common card types
   • Add Card: Create a custom card with your own fields
   • Import Cards: Paste YAML or JSON to add multiple cards at once
5. Select placement:
   • Inside selected section: Adds cards as children (sections only)
   • Below current selection: Adds cards below your selection
6. Click "Add Card" or "Add Cards" to create your planning cards

Additional Capabilities

• Live Selection Detection: The plugin automatically detects when you select a section
• Flexible Placement: Choose to add cards inside a section or below it
• Smart Positioning: Cards are automatically positioned to avoid overlapping existing content
• Visual Feedback: See which section is selected before adding cards

Development

To modify the plugin:

1. Edit code.ts with your changes
2. Run npm run build to compile TypeScript to JavaScript
3. Reload the plugin in Figma (Plugins → Development → Your plugin → Options → Reload)

Files

• manifest.json - Plugin configuration
• code.ts - Main plugin logic (TypeScript source)
• code.js - Compiled JavaScript (generated by build)
• ui.html - Plugin UI interface
• tsconfig.json - TypeScript configuration
• package.json - Node.js dependencies

About GoPrelude

This plugin is developed by Prelude, a startup building effective funeral planning technology. We believe good planning tools are necessary everywhere, from life's final arrangements to project development!

Contributing

Contributions are welcome! Please feel free to submit a Pull Request or open an issue for bugs and feature requests.

License

MIT License - see LICENSE file for details.