Mockplus - Design Faster. Collaborate Better.

Subscribe to our blog

To get the latest and most quality design resources!


Best prototyping tool for mobile, web and desktop apps.

Get Started for Free

One platform for design, prototype, hand-off and design systems.

Get Started for Free
Start prototyping and collaboration
New Features > iDoc Supports Sliced Symbol with Transparent Background

iDoc Supports Sliced Symbol with Transparent Background

Feb 18, 2020

Some new features of iDoc are coming! IDoc now features a new property panel and supports for a sliced symbol with a transparent background. Let's check out more of the newest features of Mockplus iDoc.

1. New Property panel

We have improved the Property panel under the "Development" mode to make design handoff between designers and developers easier and faster. 

Here are how we've improved the panel:

  • Support for the properties that are used more often, such as borders, gradients, blurs and dotted lines. 
  • Reorganize the panel so that it is easier to view more properties at once. 
  • Improve the automated redlines so that it is now much easier and quicker to find the specs you are looking for quickly. 
  • Generate more code snippets automatically, such as the CSS codes of borders, gradients, gradients, blurs, and inner shadows. 

2. Support for a sliced Symbol with a transparent background

Designers often use Symbols to save and reuse common components as a way of speeding up their design workflows in Sketch. However, while slicing these Symbol components, they may unexpectedly get some sliced assets with different sizes (see Image 1 shows below ). This can occur as Sketch only recognizes the pixel areas.

So, in order to handoff the sliced assets to developers with the same sizes, they often add transparent backgrounds to these Symbol components (as Image 2 shows below ).  

So, to help designers simplify this handoff process, iDoc has been updated to allow them to directly upload all these sliced Symbol components with transparent backgrounds. And then, iDoc will then automatically recognize them all and allows developers to inspect and download them anytime and anywhere. 

3. Export high-quality artboards (like designs in @2x resolution)

As a Sketch or XD user, you may get used to present and improve ideas with designs in@1x resolution. However, these designs do not work perfectly all the time. In fact, when you have to review or test designs collaboratively online, like on iDoc, these designs may become blurry, affecting the entire team's work efficiency. 

To fix such problems, iDoc has improved its download functionality and allows you to download designs in @2x resolution directly with a single click, even when you have imported designs in @1x resolution with our Sketch/XD plugin. 

4. Download PNG or SVG assets only

If you don't want to download assets in all formats at once, iDoc has improved its asset panel recently, and it now allows you to download PNG or SVG assets separately. 

All you have to do is only open the asset panel and select the "PNG" or "SVG" option before any download. If you want to download assets in PNG and SVG at the same time, just select both.

5. Set Specs to include extension areas in Sketch plugin

Our Sketch plugin now supports a "Spec includes extension area" option. 

When this option has been selected, your marked assets will be exported into iDoc and shown with extension areas, such as shadows, borders, blurs and so on. If you don't select the option, the marked assets will be shown in the original layer size.

6. Switch teams easier and faster

We've also added a new, faster way to help you switch teams. 

All you have to do is to click the team name on the project homepage. A list of teams will pop up and you just click to switch between them.

Of course, you can also switch teams the old-fashioned way: go to “My Teams” and click the team name.

7. Share projects more securely 

We have also improved the sharing strategy, allowing you to share projects more securely. 

With this update, only team members can click the share link to view project details. If someone is not a team member, they need to be invited to join the team to be able to view the project details.

Those are all our new updates. Why not try them out for free here:

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Unified collaboration

Scalable design systems