Variables → Mapbox

Variables → Mapbox lets you generate styled Mapbox map images directly inside Figma by using your own design system variables.

Define Figma variables, and the plugin will read them automatically. Change your brand colors in your design file and sync them to the map in one click. No Mapbox Studio. No manual hex copying.

FeaturesSync map colors from your Figma design file variables (Pro)Upload a full Mapbox style JSON for complete control (Pro)Built-in style presets: Light, Dark, Streets, Outdoors, StandardSave and recall custom stylesLocation searchInsert the map directly into a selected frame, matched to its exact dimensionsLight and dark Figma theme supportHow it worksCreate color variables in your Figma file named map/land, map/water, etc.

Open the plugin and select Design File from the Style menuNavigate to your location, adjust colors if neededClick Insert Map: the styled map is placed into your selected frameEarly accessThis plugin is in active development. Features may change and rough edges may exist. Updates are free and automatic. Purchasing early supports continued development.

Feel free to leave feedback in the comments.