Draftr

Draftr is a structured UI design editor. This connector lets Claude work inside your Draftr designs as real, editable layers, not flat images, while you and your team watch the changes in the editor.

What you can do:

• Create screens and pages from starter blocks, components, built-in fonts and icons.
• Read and change existing designs: layers, auto layout, grids, design tokens, styles and responsive breakpoints.
• Build clickable prototypes with interactions, form fields and motion.
• Review comments, make the requested changes, reply and resolve the threads.
• Compare a design with a reference image and improve the match.
• Check the result with screenshots and export it as PNG, SVG or PDF.

Each group of edits runs as a visible agent task, so people in the file can see what Claude is working on, and a whole task can be undone as one action.

You sign in with your Draftr account and approve what Claude may do. It can reach only the designs your account can reach, and you can disconnect it at any time under Agent access tokens in Draftr.