Collaborative design is an important direction of technology updating in the current technology industry, and also an inevitable trend of the development of design tools and software. It is not only a professional term of design, but also a commercial service model.
At the same time, collaborative design for the standardization of the design project management play an important role, including schedule management, design resources unified management, rights management, review process management, etc., can be seamless docking product managers, designers, developers, reduce the communication cost, shorten the development cycle, improve the work efficiency, help you make the design of the flexible and efficient team.
InVion
The InVion platform is the world’s leading online collaborative design tool that takes design beyond the role of the designer or design team and enables the entire team to participate in providing the best user experience possible.
With this platform, designers can collaborate on multi-page prototypes and discuss them with others more easily. New additions in 2018 include text editors, library-level management rights, and the new Design Systems Manager DSM feature to facilitate team collaboration, make it easier to build and maintain design systems, and keep your teams and assets in sync as they scale.
Window:
Responsive design — both mobile and Web interfaces can be designed to accommodate different screen sizes;
Design system sharing — the team’s design specifications can be directly applied to the design work;
Design draft review — all team members can comment and give real-time feedback on the interface;
App Store — a platform for developing apis and UI assets that seamlessly connect more design resources.
Copy the guest
The development of collaborative design platform in China is relatively slow, but the announcement of Copycat design system makes me see the embryonic form of collaborative design platform. Mick hopes to create a unified design environment that makes creativity and collaboration more powerful, and I also hope that Mick can push our vision and domestic technology to new heights.
Address: ds. Mockplus. Cn /
welfare
Mockplus is easy to learn, lightweight and easy to manipulate. Design systems that allow you to customize design specifications, export code, and apply design specifications directly in Sketch and Mockplus. Interested? Five minutes to play with the guest design system.
As a collaborative project design tool, Copy allows team members to participate in the communication of the entire prototype. The main features are as follows:
1. Design specification customization and application
Design specifications of the customization, very simple, select → add, for a number of designers to collate, respectively upload their own design logo or components. Once the design specification is complete, you can turn on the sharing feature and share it with all team members. In Mockplus and Sketch, you can apply our custom design specifications directly. Drag and click to apply custom fonts, colors, logos, and styles, helping designers on the team quickly reuse basic components.
When the parameters of an element are changed in the design system, the modification will be synchronized in the prototype, which reduces the time of repeatedly writing design specification documents and repeated design, and greatly improves the efficiency of collaborative design.
2. Docking development — automatically generating code
Developers can directly share and export design specification SVG, CSS and other code styles from the design system, and can also directly copy the CSS of the design file, saving time, energy and efficient programming, and reducing the communication cost of design and development.
3, intuitive display of product logic
After drawing the prototype diagram, click the page flow chart to directly show the requirements and product logic. After the modification of the prototype, the page flow chart will keep real-time synchronization more convenient for the team and programmers to view. Annotation of design drawings, automatic saving of historical versions, one-click notification for review, multi-format export and other functions greatly improve the efficiency of team collaboration.
UXpin
UXpin is an excellent UX collaborative design tool with prototypes, documentation, and design systems. 2018 also saw a number of major feature updates that greatly improved the efficiency of team collaboration. UXpin design system, can maintain perfect design consistency, bid farewell to chaos and inconsistency.
Update:
① Added pen tool, can draw shapes and ICONS directly, and can be downloaded as SVG, easy to create custom ICONS and add to the design library!
② It is easy to export complete documents in JSON format (color, font style, spacing, etc.) as well as other mainstream formats including YAML, CSS, SCSS, LESS, and STYLUS, but without documents.
③ Adjustment panel and UI redesign to free up more screen space, you can adjust the panel and UI theme light and dark, a good comparison before and after the product iteration prototype.
Figma
Figma is an online collaboration design platform based on the Web. It is the first UI design software that truly supports collaboration. It supports real-time collaboration between multiple people and screen adaptation, but it cannot input Chinese. Using the vector network refactoring pen tool, which supports Boolean operations, gradients and fills, you can easily implement custom ICONS.
Update:
The prototype added device frames (Iphone, Android, Apple Watch), fixed objects, and advanced scrolling (in any direction);
② Add style library, can directly apply color styles in text and effects;
③ Increase the organizational layer and expand the design management.
Among the 4 collaborative design tools recommended in this paper, 3 collaborative design platforms are excellent foreign design tools with relatively powerful functions, high cost and language barriers in use. Domestic design kind of professional software development is relatively backward, but also finally have a decent can recommend to everyone.
Collaborative design can bid farewell to low efficiency and repetition, reduce communication costs, shorten development cycle and improve work efficiency. I hope I can help you and your team to build a flexible and efficient design team.