No Longer Have To Make Specs Manually

Smart specs Percentage specs Select multiple specs Magnifier

No Longer Have To Cut Slices Manually

Automatic slicing Different pixel densities Download muptiple slices

Ten Features That Make Mockplus iDoc Standing Out

  • Various Ways of accessing specs

    There are three specs modes available in iDoc. You can hover any layers; you can select a single or multiple layers; you can hold down Alt to convert specs to percentage values.

  • View tiny details of specs

    Some design details might be too small. In iDoc, you can hold down Z key, and the Magnifier will pop up to help you view detailed specs.

  • View duplicate elements

    You need just one click to view duplicate design elements - elements like text, color, margin, and width. All duplicate items will be shown on the screen, and this will help you improve work efficiency.

  • Tailored resources, all in one place

    Mockplus automatically generates accurate specs, assets and code snippets from designs—tailored for the platform you’re developing for. Moreover, iDoc automatically converts units based on your project type and density with its unit switching panel. No more getting lost in design files.

  • Build your team’s design styleguide

    Collect and organize your team's projects and resources automatically. Components, colors, text styles, - all of them will be in the easy-to-maintain style guide.

  • Show relations in full view storyboard

    The full-view storyboard will contain all design screens from your product. You can zoom in /out to see it in details. You can create a relationship between screens by dragging & dropping a Line between them. You can provide more details by adding Line description. The navigation map will help with fast positioning.

  • Comments with various styles

    IDoc provides various comment styles for your comments, including Pin, Circle, Rectangle, Arrow, Straight Line, Text. Comments are available in real time so you can gather instant feedback and this will help you move projects forward.

  • Hi-fi interactive prototype

    Effortlessly transform your static design files into working prototypes with just a single click. IDoc provides nine transition animations and support auto jumping and setting a fixed area.

  • Group and manage design screens

    In idoc, screens are managed in the Screen Tree and can be grouped easily. The structure is clear at a glance.

  • Control your project progress easily

    You can combine icons (20 icons provided) with colors to mark progress, show priority or provide a comment on designs. It is also possible to sort design screens visually.

  • Keep everyone on the same page

    IDoc provides a flexible space to share all documents with team members throughout the entire design process. You upload product documents (such as Axure/Justinmind/Mockplus), and your team members can download or preview them online. All documents can be grouped.

xd

Generating Assets and Specs Automatically, Make Design Collaboration Easier

Adobe XD Plugin

Support Adobe XD 13 and newer versions