惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

N
Netflix TechBlog - Medium
T
The Blog of Author Tim Ferriss
aimingoo的专栏
aimingoo的专栏
A
About on SuperTechFans
Stack Overflow Blog
Stack Overflow Blog
B
Blog RSS Feed
Microsoft Security Blog
Microsoft Security Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
人人都是产品经理
人人都是产品经理
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
J
Java Code Geeks
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
B
Blog
MongoDB | Blog
MongoDB | Blog
L
LangChain Blog
WordPress大学
WordPress大学
小众软件
小众软件
IT之家
IT之家
腾讯CDC
月光博客
月光博客
量子位
Blog — PlanetScale
Blog — PlanetScale
P
Proofpoint News Feed
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Needed a Faster Way to Make VTT Tokens for DnD, So I Bu...
吴sir · 2026-05-19 · via DEV Community

吴sir

I built a simple token maker for my DnD and VTT workflow
Tags: dnd, webdev, gamedev, tooling
Making tokens for a tabletop campaign should not take that long.
But if you run DnD games, you probably know the small routine:
• find character art
• open an image editor
• crop the face or body
• add a border
• resize it
• export a PNG
• repeat it for every NPC, monster, boss, and player character
Doing this once is fine. Doing it for a full encounter is annoying.
That is why I built a small browser tool for this workflow:
Token Maker: https://www.tokenmaker.one/
It is a free VTT token maker for DnD, Roll20, Foundry VTT, and Owlbear.

The problem I wanted to solve

Most image tools are too broad for this job.
They can make tokens, of course, but they are not built around the actual tabletop workflow.
When I am preparing a session, I usually do not want a full design tool. I just want to:

  1. upload character art
  2. place it inside a frame
  3. adjust the crop
  4. export a transparent PNG
  5. move on to the next token That repeated flow is the real problem. The tool does not need to be complicated. It just needs to remove the boring steps. ## What the tool does Token Maker is focused on VTT token creation. The current workflow is simple:
  6. Drop an image into the editor
  7. Choose a border or style
  8. Adjust the image scale and position
  9. Pick an export size
  10. Download the PNG token It supports different token shapes and borders, including circular, square, and polygon-style tokens. The export is a transparent PNG, which works well for virtual tabletop platforms. ## Why I made it local-first For this kind of tool, I wanted the workflow to feel quick. You should be able to open the page, drop in an image, make the token, and export it. • No heavy setup. • No long design process. • No need to turn a small token task into a full graphics project. That is also why the editor is built around one main workspace instead of spreading the workflow across several steps. ## Where this helps I think this is most useful for: • DnD character tokens • NPC tokens • monster tokens • boss encounter tokens • quick campaign prep • Roll20 and Foundry VTT games • token pack preparation It is especially helpful when you need several tokens at once. One token is not a big deal. Twenty tokens is where the small time savings start to matter. ## A few details I cared about ### Fast preview When making a token, you need to quickly see if the face, weapon, or character pose fits inside the frame. A slow preview makes the whole process feel worse. ### Different border styles A plain ring works for many tokens, but not every token should look the same. A rogue, a mage, an undead creature, and a dragon boss usually need different visual treatment. ### Transparent PNG export This matters for VTT use. Transparent PNG tokens are easier to place on different maps and backgrounds. ### Simple controls The tool should not feel like Photoshop. For most token work, scale, position, border, style, and export size are enough. ## What I learned while building it Small tools are often useful because they are specific. This is not trying to replace a design app. It is just trying to make one repeated tabletop task faster. That is the kind of product I enjoy building: not huge, not over-designed, just focused on one workflow that people actually repeat. If you make tokens for DnD, Roll20, Foundry VTT, or Owlbear, you can try it here:Making tokens for a tabletop campaign should not take that long. But if you run DnD games, you probably know the small routine: find character art open an image editor crop the face or body add a border resize it export a PNG repeat it for every NPC, monster, boss, and player character Doing this once is fine. Doing it for a full encounter is annoying. That is why I built a small browser tool for this workflow: Token Maker | https://www.tokenmaker.one/ It is a free VTT token maker for DnD, Roll20, Foundry VTT, and Owlbear. The problem I wanted to solve Most image tools are too broad for this job. They can make tokens, of course, but they are not built around the actual tabletop workflow. When I am preparing a session, I usually do not want a full design tool. I just want to: 1.upload character art 2.place it inside a frame 3.adjust the crop 4.export a transparent PNG 5.move on to the next token That repeated flow is the real problem. The tool does not need to be complicated. It just needs to remove the boring steps. What the tool does Token Maker is focused on VTT token creation. The current workflow is simple: 6.Drop an image into the editor 7.Choose a border or style 8.Adjust the image scale and position 9.Pick an export size 10.Download the PNG token It supports different token shapes and borders, including circular, square, and polygon-style tokens. The export is a transparent PNG, which works well for virtual tabletop platforms. Why I made it local-first For this kind of tool, I wanted the workflow to feel quick. You should be able to open the page, drop in an image, make the token, and export it. No heavy setup. No long design process. No need to turn a small token task into a full graphics project. That is also why the editor is built around one main workspace instead of spreading the workflow across several steps. Where this helps I think this is most useful for: DnD character tokens NPC tokens monster tokens boss encounter tokens quick campaign prep Roll20 and Foundry VTT games token pack preparation It is especially helpful when you need several tokens at once. One token is not a big deal. Twenty tokens is where the small time savings start to matter. A few details I cared about Fast preview When making a token, you need to quickly see if the face, weapon, or character pose fits inside the frame. A slow preview makes the whole process feel worse. Different border styles A plain ring works for many tokens, but not every token should look the same. A rogue, a mage, an undead creature, and a dragon boss usually need different visual treatment. Transparent PNG export This matters for VTT use. Transparent PNG tokens are easier to place on different maps and backgrounds. Simple controls The tool should not feel like Photoshop. For most token work, scale, position, border, style, and export size are enough. What I learned while building it Small tools are often useful because they are specific. This is not trying to replace a design app. It is just trying to make one repeated tabletop task faster. That is the kind of product I enjoy building: not huge, not over-designed, just focused on one workflow that people actually repeat. If you make tokens for DnD, Roll20, Foundry VTT, or Owlbear, you can try it here: Token Maker - Free VTT Token Maker | https://www.tokenmaker.one/ I am still improving the border styles, token templates, and batch workflow. If you run VTT games and have suggestions, I would be interested to hear what would make token prep faster for you.

Publishing checklist
Paste the title into DEV title field.
Paste the article body into the editor.
Use tags: dnd, webdev, gamedev, tooling.
Keep only the two natural Token Maker links already included.
Preview once before publishing.
Token Maker - Free VTT Token Maker: https://www.tokenmaker.one/
I am still improving the border styles, token templates, and batch workflow.
If you run VTT games and have suggestions, I would be interested to hear what would make token prep faster for you.