Bento Grid Generator
bento-generator.com又名 Bento Grid Generator、Bento Generator
浏览器里的便当格布局生成器,拖拽卡片调整大小、圆角与间距,可导出高清图片或 JSON,适合需要快速出几张不同尺寸产品介绍图、又不想为此打开 Figma 的人。
工具免费网页英文

Bento Grid Generator 是一个在浏览器里制作便当格(Bento Grid)布局的在线工具。便当格是那种把不同大小的圆角卡片拼在一起、像日式便当盒一样的版式,苹果发布会和产品介绍页里常见。这个工具把排版过程简化成拖拽:你往画布上放卡片、调整大小和位置,再改颜色、圆角、间距这些样式,不用打开设计软件。
主要功能
页面提供模板和导出两个入口。模板可以让你从现成的布局开始改,省去从零摆放的麻烦。导出支持两种格式:高分辨率图片,适合直接放进 PPT 或社交媒体;JSON,方便把布局数据交给前端或别的程序继续处理。整个操作都在浏览器里完成,不需要安装。
适合谁
做产品介绍图、个人主页、社交媒体封面的人会用到它,尤其是需要快速出几张不同尺寸的便当格图,又不想为这点事打开 Figma 的时候。前端开发者也可以拿它生成 JSON 布局,再套进自己的页面。
费用与限制
页面自称免费、快速、注重隐私,没有提到付费档位或账号体系。界面是英文的,目前只看到网页版,没有桌面端或移动端应用。如果你需要中文界面或者团队协作功能,这个工具可能不太够用。
常见问题
Bento Grid Generator 收费吗?
Bento Grid Generator 免费使用。
Bento Grid Generator 有哪些平台 / App?
支持 网页。
Bento Grid Generator 的替代品有哪些?
本站整理了 6 个替代品,例如 Figma、MasterGo、Pixso、Penpot。