https://github.com/placemark/figma-plugin

Create maps with Figma
https://github.com/placemark/figma-plugin

cartography figma figma-plugin typescript

Last synced: 5 days ago
JSON representation

Create maps with Figma

• Host: GitHub
• URL: https://github.com/placemark/figma-plugin
• Owner: placemark
• Created: 2022-12-28T19:02:25.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-23T23:37:56.000Z (5 months ago)
• Last Synced: 2024-06-24T00:53:08.588Z (5 months ago)
• Topics: cartography, figma, figma-plugin, typescript
• Language: TypeScript
• Homepage: https://www.figma.com/community/plugin/1189962635826293304/Placemark
• Size: 2.31 MB
• Stars: 75
• Watchers: 4
• Forks: 2
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# figma-plugin



![Figma plugin preview](./.media/splash.png)

Make maps in [Figma](https://www.figma.com/) using [OpenStreetMap](https://www.openstreetmap.org/)

data. This plugin directly transforms live OpenStreetMap into a vector map in Figma.

It's similar in spirit, technically, to the renderer in [iD](https://github.com/openstreetmap/iD),

but much simpler.

|                                   | **placemark** | **mapbox-based plugins**         |

|-----------------------------------|---------------|----------------------------------|

| edit map styles                   | in figma      | in mapbox studio                 |

| scales supported                  | local only    | all scales, global to local      |

| street labeling                   | not yet       | yes                              |

| output                            | vector        | raster                           |

| unlimited printing & reproduction | yes           | no (mapbox tos has requirements) |

| api key required                  | no            | yes                              |

## Development

The `build` script will continuously build and update this plugin.

You can use this plugin locally by going

to Plugins → Development → Import plugin from manifest…

## Usage

Create an empty frame in Figma. With it selected, start the Placemark plugin.

Select an area, click **Render**.