Developing small mockup plugins for Sketch
In the Internet design process we use a lot of good software, these software does not provide all the functions, so most of them provide modules to write automation scripts, so that designers will develop their own according to the needs of their daily work. It's not a job grab with programmers, most of the programming by designers is an extension of applications built after programmers have made complex tools, to get more customized features by assembling the existing features provided by the tools, this use of machines to solve repetitive work is the embodiment of the spirit of the Internet. This article is going to share the process of writing plugins for Sketch based on the daily work requirements of the design team of the Internet Finance Department.
I. Introduction to the plug-in.
Since Sketch doesn't have the smart object functionality of Photoshop, trying to do a mockup of a mobile app (mockup means to put a page over a physical image of a phone to simulate how the app would look on a phone) requires a commercial plugin like Magic Mirror that offers many sophisticated features. However in most cases a complex mockup scene (containing various perspective angles, selected pages) only needs to be created at the end of the project. More applications are to stage the full page presentation to those involved in the project during the design process. Throughout the course of the project, there will be multiple changes to the design, and to manually go through and create mockup pages each time would undoubtedly be a time-consuming and repetitive effort. Our design team wrote a simple mockup plugin based on such a practical need: etrobot/SimpleMockup-for-Sketch, which can create mockup images in bulk with one click.