MockFlow updates MockFlow updates mockflow.com

WireframePro: Now draw and post UI mockups within your Slack App

Integration

Slack is one of the leading tools for communication within Teams. With the new WireframePro - Slack Integration, Users can brainstorm and communicate their UI ideas efficiently using slack command: /wireframepro

For more information on how to add and use the integration, visit the following page - https://mockflow.com/apps/wireframepro/slack

It is also officially listed in Slack App directory: https://produle.slack.com/apps/A568WK0SV-wireframepro

WireframePro: Material Design Pack is now available

New

The latest update of WireframePro brings a new component pack for "Material Design". Material Design is a visual language introduced by Google for designing User Interfaces. For more details visit https://material.io

This component pack provides over 90 readymade components to draw User Interfaces with Material Design

WireframePro: Introducing custom Component Packs

New

We are excited to announce a new major feature that allows users to create their own reusable component libraries.

Just like the default components packs available for iPhone, Android, Web..., Now Designers can create their own pack and add their own components to it. Custom component packs are available across projects in that account and also can be shared with other Team Members.

NOTE: Custom component libraries are automatically shared for all Team Members with TeamPack licenses.

This feature makes it easy to create, save and share reusable assets and UI templates.

Other notable updates in this release are:

New Component Packs for "Foundation 6 UI framework" and "Foundation 6 Building Blocks"

Simplified sharing: We have reduced the steps in sharing projects and made it more simpler.

StyleGuide: Now export StyleGuides to PDF

Improvement

The latest release of MockFlow StyleGuide app provides a much asked feature: Export. Now StyleGuides can be exported to PDF using the browser's print option. On clicking the export button (Printer icon) in the top bar, the styleguide becomes automatically optimized for exporting with native print function.

Note: For the export option to work properly make sure, "Background graphics" is enabled in the print dialog

WireframePro: New "WorkFlows" to organize your design process

New

In addition to the existing Grid view and SiteMap view, WireframePro now has a new way to visually organize your wireframes with this "WorkFlow" feature.

With the "Workflow" view, wireframes can be easily organized into lists similar to Kanban (aka Trello) boards.

"Workflow" can be fully customized to meet project needs. For example, Workflow can be created for design stages like "Not Started", "In Progress","Completed","Implemented". Or as work assigned to designers like "User1's Wireframes" , "User2's Wireframes"...

Since the workflow feature is built-in the editor and is real-time, it helps to streamline your design process with Team Members, Clients and Managers.

Here is a sample Workflow: https://wireframepro.mockflow.com/view/darkroomapp

Introducing "MockFlow for Education" License Packs

Announcement

Now Introducing new license packs for students and universities with special rates. As frequently we are asked by teachers and students for discounted pricing, we have decided to provide dedicated packages and support to meet their needs.

Wireframing and user interface design are essential skills for any student aspiring to be a UX designer and MockFlow provides an entire UX kit to meet this need with minimal learning curve and affordable pricing.

WireframePro: "Specs" feature - Get automated spec and style info from wireframe

Improvement

Today's update introduces a new major feature called "Specs" in WireframePro. Using "Specs", users can automatically generate pixel-perfect specifications and css code for any component used in the Wireframe.

As seen above, "Specs" simplifies design handoff as designers can easily pull out details such as positioning, size, colors, fonts, assets and also make use of the generated css styles.

p.s. In a later release, "Specs" will also be able to export to iOS and Android Style code.

WireframePro: Built-in Image Editor with crop and other improvements

New

Following up the official release of WireframePro 2.0, today's update brings built-in Image Editor plus several other improvements.

This built-in Image Editor is nicely integrated with rest of the wireframe functions. It is available in image settings and also under 'Images' Tab. The image editor provides only features that are useful for wireframing thus making it fast and easy to use.

It performs the following operations:

  • Flip Image both horizontal and vertical
  • Convert Image to Grayscale
  • Convert Image to Sketch like drawing
  • Crop Image with different pre-defined ratios
  • Color Picker to pick colors from the Image

Other noted improvements in this release are:

  • Now page can be panned (scrolled) using shortcut - Hold SHIFT + Left mouse button
  • Shortcut for ordering - sendtop, sendbottom using Ctrl+arrow keys
  • Callout comp fixes in both review mode and export
  • In-App feedback form - available in top menu
  • Minor UI Issues in certain browsers have been fixed

Officially announcing WireframePro 2.0 Editor

Announcement

We are excited and happy to officially announce the next major version of our flagship app. WireframePro 2.0 made its initial public release in December. For the past 3 months, as mentioned in this changelog we were rigorously updating it with new features, performance improvements while also maintaining its functional parity with its now old 1.0 Flash based Editor. We believe that the 2.0 editor now meets all the criteria for an official release.

Major Changes in 2.0

  • Editor written from scratch with modern tech stack
  • Editor is fast, stable and compatible with all modern browsers
  • Lean user interface with minimal interference
  • NEW! Project Views: Thumbnail View, Visual Map View
  • Quick export to PDF, Image, PPT, Word, HTML5
  • NEW! Cross-project copy paste and repeat paste
  • UPDATED! Wireframe Store with quick preview
  • NEW! Component Packs for a wide variety of UI Kits
  • Native Desktop apps for Windows and MacOS - https://mockflow.com/desktop
  • Improved Real-time collaboration

For more information visit https://mockflow.com/apps/wireframepro

Here is snapshot of the old editor

StyleGuide: 2 new Themes and 1 new color block style layout

New

StyleGuide has been updated with 2 new themes - DarkBlue and BlueGradient. Also one more "Block Style" Color Layout has been added. This update also fixes certain issues with Custom Fonts in styleguide.

No published changelogs yet.

Surely MockFlow will start publishing changelogs very soon.

Check out our other public changelogs: Buffer, Mention, Respond by Buffer, JSFiddle, Olark, Droplr, Piwik Pro, Prott, Ustream, ViralSweep, StartupThreads, Userlike, Unixstickers, Survicate, Envoy, Gmelius, CodeTree