This Penpot Plugin is designed to insert Android templates into your project for UI Mockups
Options for Android Phones:
- Samsung Galaxy S8
- Samsung Galaxy S10
- Samsung Galaxy S25
- Custom Size
*All Android Phones come with a Dark Mode Version
*Custom Size can not be smaller than 300px in height; Make sure to press Submit each time to set the height
Users can resize the Android Phone once placed through setting a specific width and height and well as dragging- press 'K' first to resize everything including text. Text can also be scaled individually by pressing the 'K' key and then resizing.
Open up the 'Plugin Manager' within Penpot. Paste the following URL and click 'Install'. The plugin will appear in your 'Installed Plugins' list which you can click 'OPEN' to use
url
Clone this repo and open the project in your code editor (Recommended is Visual Studio Code).
Run the following commands:
npm install*DO NOT runnpm audit fixafter if suggestednpm run dev
If running successfully, a link of the local network host will appear. Ex: http://localhost:4400/
Open up the 'Plugin Manager' within Penpot. Paste the following url (your local host with /manifest.json at the end) and click 'Install'. The plugin will appear in your 'Installed Plugins' list which you can click 'OPEN' to use
http://localhost:4400/manifest.json
To contribute to the development of this project, please refer to the instructions on how to run Penpot Locally
Feedback is always welcome through opening issues on the project
This plugin is under the MIT License