Paul Wilshaw · Designed for Humans

Figma widget

UX Tickets: Azure DevOps tasks on the Figma canvas

UX Tickets is a Figma and FigJam widget that puts a user story's tasks right next to the design. Tick a task on the widget and the real Azure DevOps task closes, with a comment saying who did it. Designers can move the story across the board, add comments, rename tasks and add new ones without ever opening Azure DevOps.

What problem does it solve?

Designers spend their day in Figma. The work is tracked in Azure DevOps. So every time a designer finishes something, they leave the canvas, find the ticket, update it, write a comment and come back.

Across a whole team, that's a lot of switching. Worse, tickets fall out of date because updating them is a chore, and the product manager ends up asking for updates in stand-up instead.

How does it work?

The widget sits on the Figma or FigJam canvas next to the design it relates to, and shows the user story and its tasks.

  • Tick a task and the real Azure DevOps task closes, with a comment saying who did it. Untick it to reopen it.
  • Move the story across the board (New, Ready, Doing, Paused, In Test, Done) from chips on the widget. It moves itself to In Test or Done when the tasks say so.
  • Comment on a task, rename the story or add tasks without opening Azure DevOps.
  • Changes made on the board show up when the file is reopened, and one tick updates the same task on every board it appears on.
  • Each designer's access token stays on their own machine, never on the canvas.

Where does AI come in?

Around it. A Claude skill writes the user stories in the first place, and a daily Claude sync sends a digest of what changed in Figma, so the whole team stays in step. The skill writes properly structured tickets, and the widget brings them onto the canvas where the design work happens.

Why does it matter?

The best process is the one people follow. Asking designers to keep tickets up to date has never worked well, because it's an interruption. Putting the ticket where the designer already works makes updating it one click.

Connecting your design workflow

At Designed for Humans I help teams connect design work to delivery, from Figma widgets and Claude skills to the ticket templates that keep design and engineering in step. For the design system side, Design Systems for Humans keeps your tokens and components in sync between Figma and code.

Want this set up for your team? Book a call, or go back to all my AI projects.