Mockup Screenshoter

Make screenshots in Blender, and paste them in Penpot ready-to-use with (upcoming) Blender's Design System.

How to use it

• Find the "Mockup Screenshot" operator in the Window menu.
• Drag the rectangle you want to capture.
• Paste the result in Penpot.

Details

• The add-on creates two screenshots: one with the Blender Dark theme, and another with the Mockup theme.
• It then combine them in a group with an Opacity design token on the dark screenshot.
• This way if you switch Themes in penpot you will see the corresponding capture.
• For an example of the Tokens in penpot see tokens.json.

Setup

• Install the Mockup theme.
• If you don't want to use the Mockup theme, you can change the theme to be used In the preferences.

Known Limitations

• Top-bar and status bar are not refreshed.
• Drawing overlay of the rectangle not working.

The code already support those limitations based on work-in-progress patches that may be ready in time for 5.1. They both sprung from missing features on Blender's Python API.