SketchPress
Sketch template for quickly creating awesome WordPress admin interface mockups and designs. This version is fully updated for WordPress 5.0, with the Gutenberg editing experience. Classic editor files will still be available in this repo.
Overview
The Sketch App, a digital design tool for Mac users, is increasingly popular among designers and developers in the digital world. Its a powerful tool that allows you to rapidly create mockups that can be high or low fidelity. What makes it even more useful is in its reproducible libraries and symbols.
10up has created a set of WordPress admin mockups which cover the breadth of WordPress’ authoring and administrative environment (wp-admin). Being able to start from this solid foundation allows us to focus more on the concepts and less on pushing the pixels to make it look like an authentic backend experience.
This file is rapidly being updated to keep up with the new 5.0 experience.
If you haven’t worked with Sketch app before, we highly recommend going to their learning resources center to watch and read materials about it: https://www.sketchapp.com/learn/
Gutenberg's wireframe templates use Roboto, you can download the font here: https://fonts.google.com/specimen/Roboto
How to use this
- Download (or clone, or whatever) and open in Sketch
- The first page is an introduction to the document and includes information about what you can expect to find - we suggest reading through that to understand and learn more
- Copy any of the artboards into a new page or work directly from them for your own mockups
Protip: clone or download the repo into your Sketch templates folder and create “new from template”
WordPress Version
This project using WordPress 5.0 as a reference. Depending on installed plugins, themes, and user configuration your environment may be different.
Sketch Version
This was built with Sketch version 52.4.
Contributing
Feel free to submit pull requests, but please explain exactly what was changed. Because it’s a binary file, we won’t be able to do an automated merge and our team will review and manually merge what you describe.
The goal is to be no more than one significant version away from the current WordPress version. We may consider adding elements beyond what is included in WordPress core, but those will be limited.
Support Level
Archived: This project is no longer maintained by 10up. We are no longer responding to Issues or Pull Requests unless they relate to security concerns. We encourage interested developers to fork this project and make it their own!