Center align plugin container

Chethan_Jagannatha_Kulkarni · September 2, 2021, 2:21pm

How can I center align the plugin container, based on screen size?

Gleb · September 2, 2021, 2:22pm

There is no way to move it, unfortunately. Only the user can control where the plugin window is placed.

Chethan_Jagannatha_Kulkarni · September 2, 2021, 2:23pm

Thanks

tank666 · September 2, 2021, 9:29pm

You can vote for a similar idea here: Handle plugin location from figma.ui

tank666 · October 12, 2021, 2:04pm

With the recent update to the Plugin API, this is now possible.

Code.js example:

let pluginWidth = 800,
	pluginHeight = 480,
	centerX = Math.round(figma.viewport.center.x - (pluginWidth / 2)),
	centerY = Math.round(figma.viewport.center.y - (pluginHeight / 2));

figma.showUI(
	__html__,
	{
		title: 'Plugin Name',
		width: pluginWidth,
		height: pluginHeight,
		position: {
			x: centerX,
			y: centerY
		}
	}
);