1. Choose annotation template
Basic config examples
Advanced config templates
2. Edit labeling config
xxxxxxxxxx
1
<View>
2
3
<!-- Image with Polygons -->
4
<View style="padding: 25px;
5
box-shadow: 2px 2px 8px #AAA">
6
<Header value="Label the image with polygons"/>
7
<Image name="img" value="$image"/>
8
<Text name="text1"
9
value="Select label, start to click on image"/>
10
11
<PolygonLabels name="tag" toName="img">
12
<Label value="Airbus" background="blue"/>
13
<Label value="Boeing" background="red"/>
14
</PolygonLabels>
15
</View>
16
17
<!-- Text with multi-choices -->
18
<View style="margin-top: 20px; padding: 25px;
19
box-shadow: 2px 2px 8px #AAA;">
20
<Header value="Classify the text"/>
21
<Text name="text2" value="$text"/>
22
23
<Choices name="" toName="img" choice="multiple">
24
<Choice alias="wisdom" value="Wisdom"/>
25
<Choice alias="long" value="Long"/>
26
</Choices>
27
</View>
28
29
</View>
30
Start typing in the config, and you can quickly preview the labeling interface. At the bottom of the page, you have live serialization updates of what Label Studio expects as an input and what it gives you as a result of your labeling work.
3. Inspect interface preview

Input preview
...
Output preview
...