Softcode Design
← Home
shipped Soft Code Design (in-house) · Productivity / Dev tools · 2025

StoryCraft AI — user stories from a Figma file

A Figma plugin that reads a screen and turns it into a hierarchical backlog of user stories, then ships them straight into ClickUp. Built for product teams shipping financial software.

Role
Product · Plugin engineering · Backend & licensing
Soft Code Design (in-house) cover

The pain

Designers ship the Figma. PMs spend the weekend writing 60 user stories from it. Half of them go stale before standup. We wanted to compress the loop.

The product

StoryCraft AI is a Figma plugin that selects a flow, infers the actors and their goals, and writes a structured backlog in the format product teams actually use:

Epic
└── Feature
    └── User Story
        └── Acceptance Criteria (Given / When / Then)

Pick a frame, click run, get a hierarchical document — exportable to ClickUp with one button.

Generate tab — frame selection + prompt fields
Generate · the main flow
ClickUp tab — API token + connection test
ClickUp sync · one-token setup
License tab — free vs PRO plans
Licensing · free + PRO
Publish tab — preview before pushing to ClickUp
Publish · review before sync

How it works

  1. Read the canvas. The plugin walks the Figma node tree, captures component names, copy, and interaction labels.
  2. Infer intent. A small LLM pass classifies each screen as login, list, detail, action, etc., and infers user goals.
  3. Write structured stories. Output is shaped to the schema product teams use — INVEST-friendly, with acceptance criteria.
  4. Sync. A click pushes the stories into ClickUp via their API, organized by epic.

Tech

  • Plugin — TypeScript, Figma Plugin API, custom UI in vanilla HTML/CSS for a 0-dependency build.
  • Licensing & synchu-license-api on Vercel: serverless functions, JWT-keyed entitlements, and a thin proxy to ClickUp so plugin users never see a ClickUp token.
  • Domain — purpose-built for financial systems (KYC, transactions, audit trails) where story fidelity is non-negotiable.

Where it’s at

In private beta with three product teams. Public launch in the Figma Community Plugin store next quarter. If you want early access, say hi.