How You Can Build Native Inspector Panel UI like Magic Mirror 3
There is no standard way building Sketch plugins, not even to mention setting up a Xcode project for Sketch plugin development. Documentation on this sector is not readily available.
Because of that, I previously covered essentials on how we can get started. However, after having to follow it over and over myself, I realized it was nothing but pain lengthy manual process to setup all those configurations and dependancies. Most of us just needed a quick way to experiment some APIs or prove of an immediate concept.
For this sake, I created this Xcode template for you, so that you can get ready on the most important thing to build as easy as possible. …
Plus a bonus freelance gig offer
For the past 18 months, I was paying for a coworking space membership. However, last month they doubled the price. …
We’ll make use of Image Fill, Slices, and Magic Mirror 3 Plugin
First, Create a Frame with Rounded Rectangle Tool
- Use the Rounded Rectangle Tool (Unlike the Circle Tool, this works better with Image Fill we’ll be using later) and create a 200*200 shape.
- Make it a circle shape by dragging the Corner Radius to Max, or key in 100 (which is half of the length)
- Add an Outer 1px #cccccc border
- Add an Inner 5 px #ffffff border
- Add a Drop Shadow with 2px y and 20px blur, #000000 20%
Second, Slicing Out The Specific Area
- Use the Slice tool to specify the area in your design that you’d like to zoom in.
- Press the Export button, now you can export the area to a separate image. …
About
