The launch of Figma plug-in perfectly solved the problems of extreme lack of Figma localization support, weak delivery ability and high cost of team collaboration. Since the introduction of the Figma plugin, more and more users choose to upload their Figma designs to the Figma plugin community for teamwork. Currently, there are 1.5K users installing and using the Figma plugin community
👏 Thanks for using and supporting 👏
In order to help everyone learn to copy Figma plug-in faster, teacher of big V straw Hat of station B made a special teaching video, which includes download of copy plug-in, basic use of copy plug-in, how to cut image of copy plug-in, etc., to help everyone quickly master the efficient cutting process of Figma.
In the Figma
Efficient workflow sharing of slice diagrams
Recently, we have also received a lot of requests and suggestions from enthusiastic friends. According to your feedback, we have made a new upgrade to the Figma plug-in. In this upgraded version, we have added the function of one-key tag cutting to improve the rich text parsing, which is convenient for friends to use The Figma plug-in to complete the design delivery more efficiently.
One key marking cut diagram
Efficient delivery design
In this update, we added the “Mark cut image” feature to the Copy Figma plugin, which allows you to cut images with one click by selecting a single layer or multiple layers. After the design draft is uploaded to the copyer, it can automatically generate the cutting map of different platforms at different rates, and also customize the size of the cutting map. Development partners can download phase concern maps according to their needs, and no longer need to communicate with designers repeatedly about their needs. He is good for me.
Quick annotation generation
Multiple styles of code are ready to use
Since this update, we have made further improvements to the rich text parsing feature. After the design draft is imported to the copyer, click on the element to see the spacing, color, font style, shadow, size of rounded corners and other annotation information, you can also manually add text, coordinates, color, size, region annotation, more comprehensive and accurate information, help to develop and restore the design draft. Automatically generated CSS/Android/Objective-C/Swift code, developers can directly copy and use, save a lot of tedious labor.
In addition to the above functions, the Figma plug-in can be used to quickly upload the design draft to the Simulation platform, but also can integrate the design of other design tools, online review comments, easy to share the demo, without waiting for the file load.
Highly compatible with other tools
Easy design collaboration
In addition to Figma, Mocker also supports uploading Sketch, PS and XD design drafts to the same project design drafts, eliminating the need for unified design tools for team members to easily solve collaborative design problems. In addition, Axure design can also be uploaded to the same project under the prototype plate, prototype + design, project management more worry!
Teamwork efficiency has multiplied
Free for a team of 100 people
Muke supports free use by teams of less than 100 people. After uploading the design draft with the Figma plug-in, in addition to the basic annotation and cutting function, you can also view the full picture drawing board in Muke to understand the project logic. Online review, product document writing management, design draft history version management, design specification management and other functions, covering the whole process from requirements to development. Compared with the whole team to migrate to Figma, only designers use Figma, review and development work using the customer platform scheme can greatly save enterprise information costs, and completely solve the problem of poor speed and interface experience when the latter use Figma.
Figma plug-in download address
Figma Chinese tools recommended:
FigmaCN
Finally, considering the English operation interface of Figma, it is not convenient for domestic designers to use, so Xiao Mo recommends a Chinese tool of Figma interface developed by Figma.Cool — FigmaCN. All kinds of entries are verified by the designer’s manual translation to ensure the accuracy and professionalism of The Chinese, hoping to bring convenience to domestic designers to start Figma.
Now, you can make your Figma into Chinese by using client-side Chinese patch and Chrome plugin.
Figma. cool/
Chrome Web Store:
Chrome.google.com/webstore/de…
Official wechat group of Figma plug-in
If you have any questions about using the plug-in, please scan the qr code below and join the official wechat group of Figma to provide online Battle feedback and communication with the product development students of Figma. After joining the group, there are welfare activities waiting for you to participate ~
At the end of the article’s welfare
Finally give you a copy of the professional version of the activation code
You can experience the full range of this powerful hi-fi design tool, while supporting online delivery of Sketch/PS/XD/Axure/Figma designs, and enjoy 7*12 hours of online customer support
Click on the exchange activation code or copy the link to pick up www.mockplus.cn/get-idoc?hm…