How to Use Bento Generator™
Learn how to create, customize, and finalize bento-style layouts using Bento Generator in Adobe Illustrator.
Bento Generator helps you create structured, aesthetic bento-style layouts directly in Adobe Illustrator — perfect for showcasing brand design work with clarity and confidence.
Here’s how to get started; watch the video tutorial or follow the step-by-step guidance ⬇️
Video Tutorial
Step By Step Tutorial
Use the Rectangle Tool in Illustrator to draw a box — any size you like.
This will act as your bento grid base.
💡 Tip: Larger rectangles allow more flexibility for section layouts.
Select the rectangle you just created
Click any Bento Style button in the extension
A layout will be applied instantly
You can experiment with different base layouts to fit your project style.
Head to the Customise Tab to make adjustments:
Section Count – change how many sections appear in the grid
Corner Radius – round the edges of the boxes
Spacing – adjust the padding between sections
🧠 These settings help you match your brand or presentation aesthetic.
Click Shuffle to explore layout variations based on your settings
When you’re happy, click Finalise to lock the layout and make it editable
🛑 Once finalised, the layout becomes grouped — ready for image or content placement.
Want to drop images into your bento layout? Easy:
Place your image over any section of the bento grid
Select both the image and the section
Right-click and choose Make Clipping Mask
Repeat for each section to complete your layout.
