---
type: this-week-with
url: 'https://taylordrayson.com/2026/10/09/tww-s7-e261'
title: 'Season 7, Episode 261'
date: '2026-10-09T13:00:00+01:00'
fields:
  episode: S7E261
  season: '7'
  number: '261'
  topic: 'pen.dev Figma alternative - AI-assisted UI design - Creating components - Agent and MCP integration - Keeping control of AI projects - Codebase-aware design - Accessibility checks - Vector-based design - BYOK and pricing - Claude Code on the web - Claude Mods - Progress tracking and next-step suggestions - Cache control - Context handovers'
  duration: '26m 35s'
---

# Season 7, Episode 261

pen.dev Figma alternative - AI-assisted UI design - Creating components - Agent and MCP integration - Keeping control of AI projects - Codebase-aware design - Accessibility checks - Vector-based…

pen.dev - <a href="https://pen.dev">https://pen.dev</a>

Figma alternative - which connects to agents and MCP

Creating components

Thinking about the UI

Starting with the look of the finished product

AI makes people think less

Keeping control of the project

Speeds up progress

It has access to your codebase and can build factually

Checking accessibility

Building in vector - makes it easier to build the project

BYOK - Bring Your Own Key

Free and Paid options - 5 agent days for free per month

Really clever pricing model

Once the design is done the coding doesn't need to ask as many questions

Cloud Claude - need to look into it - <a href="https://code.claude.com/docs/en/claude-code-on-the-web">https://code.claude.com/docs/en/claude-code-on-the-web</a>

Claude Mods is brand new - <a href="https://www.claudemod.com/">https://www.claudemod.com/</a>

Create mods that run within Claude

Examples - Progress bar for Claude steps - see how far it is along

What's Next - suggest 3 things you can do next

Cache Control - 1 hour server side cache

Create context handover, clearing the chat and adding handover

Video with some good Claude Mods: <a href="https://www.youtube.com/watch?v=W5JSvXig3Ig&amp;t=333s">https://www.youtube.com/watch?v=W5JSvXig3Ig&amp;t=333s</a>

 

Visit the website: <a href="https://www.thisweekwith.co.uk">https://www.thisweekwith.co.uk</a>

Drayson Design Website – <a href="https://www.draysondesign.com">https://www.draysondesign.com</a>
The Creative Tinker Website – <a href="https://www.thecreativetinker.com">https://www.thecreativetinker.com</a>

Facebook: <a href="https://www.thisweekwith.co.uk/facebook">https://www.thisweekwith.co.uk/facebook</a>
Youtube: <a href="https://www.thisweekwith.co.uk/youtube">https://www.thisweekwith.co.uk/youtube</a>

* Full transcript will be available on the website. We may receive a referral fee from any of our links which help towards the costs involved in creating this content for you.

## See also

- Listen: [Listen](https://media.blubrry.com/thisweekwith/www.thisweekwith.co.uk/wp-content/uploads/this-week-with-taylor-gordon-podcast-261.mp3)
- Watch: [Watch on YouTube](https://www.youtube.com/live/rGwGzf51ZhA)
- All this week with: [This Week With](https://taylordrayson.com/this-week-with)
- That day: [9 October 2026](https://taylordrayson.com/2026/10/09)