Design in your codebase. AI Design Canvas that you can use with your ChatGPT and Claude subscriptions and Composer/Grok, Gemini, Kimi, GLM, Qwen, Minimax models

California
Joined February 2026
This is a small one, but good one. Press 'I' to activate eyedropper color picker.
6
624
pen.dev retweeted
@pendev cooks hard 😮‍💨😮‍💨
1
3
290
pen.dev retweeted
Vectors and shaders are an epic combo. @QuiverAI Arrow 2 🤍 @pendev shaders
4
8
2
61
3,725
pen.dev retweeted
I love me a good feature launch video.
10
5
224
10,943
Vibe Shaders! 🔥
Today we are re-launching shaders in pen.dev. We call them Vibe Shaders. There's nothing else like them. They live next to your .pen files as GLSL files and can be easily vibecoded right on the canvas. Built by designers for designers. They deserved a special Shader Mode, a focused mode to finetune the uniforms directly in the context of your design. In addition to the classic Shader Fills, we've also added Shader Effects. This allows for incredible creative flexibility, as it applies the effect on a whole object tree that's part of a particular frame and you can change everything live, no hustling with textures. Additionally we are also launching Background Shaders, they sample the texture from everything below the object. Imagine creating your own custom background blur or a partial dither effect for objects below a frame. You can also create shaders with 3D transformations to vector logos or build custom shader brushes for vectors paths. Forget having just a fixed set of shaders, this is next level and only possible, because we have a full control over our custom renderer. We also automatically compute the SDF (signed distance field) in realtime, so vectors that have applied shaders can be changed directly on canvas without the need to re-export a new SDF file, an incredible time-saver. Look for the samples in Goodies, which has been updated with a ton of new examples. Or simply pair @pendev with the latest models, drop in a bunch of images, ask agent to build you a shader and it's guaranteed you will feel an explosion of your creative superpowers!
1
6
2
90
31,755
It's now possible to connect pen.dev directly to an external MCP Server like @mobbin, @notion and @linear and attach them to the context. Quite powerful!
5
4
5
60
6,390
"Paste to Replace" is out.
1
3
57
3,854
pen.dev retweeted
Haiku 5.5 can design, super ultra cheap.
17
8
1
217
18,961
Having fun with @pendev shaders 😎
1
6
292
Present mode now has 100% zoom mode. This is great for presenting long websites. We have also added zoom animations for higher comfort when navigating the canvas.
4
5
36
3,106
zoom to selected animation
1
1
219
zoom tool animation
1
97
Presentation mode animation
1
858
Due to popular demand, we have added Queue and Steering in the chat agent. You can now keep sending message after message and they will be queued in an editable queue. But you can also click "Steer", which will immediately inject the message into the agent's context on the spot without waiting for the turn to finish.
3
3
17
2,058
We did a small update to the built-in styles. Check them out. Btw: Even bigger styles update coming later.
3
3
2
30
15,553
Currently vibing some shaders in @pendev. Just describe what you have in mind in the chat and watch the agents bring it to life on the canvas.
2
1
7
463
Image Crop just landed in @pendev! With Stretch, Fill, Fit, it's the most advanced image crop out there :)
3
4
3
61
6,674
pen.dev retweeted
See you at OpenAI Dev Day tomorrow! Let's hang and chat about AI design!
4
2
53
3,101
Scale (K) is finally here in @pendev. Scale up and down anything without breaking things or just type 0.5x, 1x, 2x, 3x... Getting you guys all those last several key missing pieces done. Let us know what you miss most.
11
6
1
101
8,952
guys, INNER SHADOW has landed in pen.dev!!
5
1
43
5,349