FREE

Edit in Artboard Studio

How to customize this mockup in Figma?
1. Install and activate Artboard Studio Mockup plugin
2. Search for:
Notebook Open Mockup
3. Place your design inside empty frames and render on the mockup item by pressing "Render Selected Frame" button in the plugin modal.
Watch tutorial video
How to customize this mockup in Adobe Express?
1. Install and activate Artboard Mockups add-on in Adobe Express
2. Search for:
Notebook Open Mockup
3. Upload your design or choose the page and render on the mockup item.