Figma.ui.reposition broken after Window was moved by the User once

[parrot]

TL;DR:
figma.ui.reposition only works until user moves the window for the first time.

Background

During development of Parrot we found the need to support different Window Modes like Fullscreen, Docked to the Bottom or modal window - as requested by others - see links below.

To mimic such a behaviour one basically needs to know the windows current position and one needs to be able to change it.

While Figma doesn’t provide a method to get the current possition it supports the repositioning: via figma.ui.reposition.

This function works until the user has moved the window manually by dragging it. After the first drag after showing the window - the function does set the corresponding values but doesn’t move the window.

If found a way to tackle this by calling figma.ui.hide followed by figma.ui.show but this can lead to an ugly flickering and intercepts certain mouse events that make things like transitions impossible.

Fixing the bug and providing a way to get the current windows x/y postion would make things a lot easier.

Steps to reproduce

1. Open a plugin.
2. Call figma.ui.reposition(10, 10)
3. See window moving
4. Call figma.ui.reposition(10, 100)
5. See window moving
6. Manually move the window to a different postion
7. Call figma.ui.reposition(10, 10)
8. Window does not move
9. Call figma.ui.hide()
10. Call figma.ui.show()
11. Call figma.ui.reposition(10, 100)
12. See window moving again

Why is this so important
A lot of tricky little work arounds where needed to make this work - I guess this draws a picture - why fixing this would be great:

Retrieve plugin UI position?

I realize there are ways through the API to do the following: Set the viewport Set the position of the plugin UI within the viewport But is there a way to get the current position of the plugin UI once it is open?

Plugin window questions (docking and window size)

This is a question for plugin developers… Is there a min/max width and height for the dimensions of a plugin window? For example is it possible to make the plugin window very narrow (like 40 pixels for example), and make its height fill the height of the Figma application viewport? Also, is it possible to “dock” the plugin window to either side (right, left, top, or bottom) of the Figma UI, so that it’s basically attached to one of these sides.

[Charles_Yin]

+1, We are facing the same problem during plugin development.

[Charles_Yin]

By the way @parrot, I wonder how did you manage to get the size of the editor, (as the 2nd video shows, there is a maximize plugin window button)

[Rootedy_Batista]

+1, We are facing the same issue here.

@Charles_Yin We are using (Figma.viewport.zoom * Figma.viewport.bounds.height) and (Figma.viewport.zoom * Figma.viewport.bounds.width) to get de visible area and maximize our plugin.

[Charles_Yin]

Thank you! I’ll try to use this one.

[parrot]

@Charles_Yin sorry for the late reply. The approach described by @Rootedy_Batista is what parrot uses as well.

Any thoughts on this from the Figma team @Josh

[sojo]

I’m concerned that this bug has remained unresolved for a year. It might be worth reconsidering development priorities and focusing on fixing existing issues before implementing large-scale interface changes, such as the UI3 update. While the interface redesign is important, it could potentially lead to new complications if existing problems are not addressed first.