Vectorzone

About this plugin

Required Document Structure

This plugin only works if your Figma file follows this structure:

- Section = Parking lot

- Frame (inside Section) = Floor

- Group named "Slot" (inside Frame) = Parking slots

Please make sure your file is set up this way before using the plugin.

How to create points

1. Select ParkingLot and Floor in Site section

2. Click `Add new point` button to create marker

3. Move the marker to the target coordinates

4. Click the `Copy` button to copy the converted POINT

How to create Zones

1. Select ParkingLot and Floor in Site section

2. Click `Auto generate zone` button

3. Use `Alt` + `Click` to select slot component on canvas

4. Use `Shift` + `drag` to select multiple slots

5. Click `Generate zone` to create zone from selected slots

6. Preview the zone shape

7. Click the `Copy` button to copy the converted POLYGON

Features

Site

- Select ParkingLot from dropdown list

- Select Floor from selected parking lot

Points

- Add new points

- Real-time coordinate updates

- Display all points with X/Y coordinates

- Copy POINT() format to clipboard

Zones

- Auto-generate zones from selected slots

- Display available zones in dropdown

- Copy converted SVG to POLYGON coordinates to the clipboard

- Preview zone shape on canvas