Installation and use of blue lake

---

One 、 Introduction to blue lake

Blue lake official website ：https://lanhuapp.com/, The following is an introduction to the official website .

1. Product managers can easily express their needs

Show documents online , Team view is more convenient

Support online review , Update notice , Automatic backup

One place shows all resources

Summarize documents and designs , Understanding is easier

Connect logically according to the page , The presentation logic is clearer

Quickly generate interactive prototypes

Emphasize the description and remarks of product interaction

Product managers can express opinions based on design drawings

2. Designers deliver design drawings faster

Automatically mark design drawings , From now on, it is no longer inefficient manual

Generate annotations and tangents with one click , Automatically share with colleagues

Design Management

Clearly show the different states of the design drawings

Design drawing annotation

Mark and comment , @ Relevant members can notify in real time

Automatically save historical versions

Check the historical version at any time , Support automatic backup of source files

3. Engineers quickly and painlessly develop

View dimensions

Click on any element , You can view the annotation information

Cut image download

One click download , Support JPG、PNG、SVG、WebP

Automatic code generation

Automatic generation CSS、iOS and Android Code

Two 、 Registered account

Click the homepage of the official website 【 Free registration 】 Button ：

3、 ... and 、 Download and install blue lake Photoshop plug-in unit

Download address ：https://lanhuapp.com/ps?formHeader=ps

Four 、Photoshop On the operation

restart Photoshop, Get into “ window ” -> “ Expand ” -> “ Blue Lake ”：

By default, the function of converting design drawings to code is turned on ：

Enter the blue lake account password to log in ：

Select the width of the drawing board ：

Android It is suggested to choose xxhdpi,Web Recommended election Web-1x.

Mark as tangent ：

Upload design drawings ：