Drag and drop from plugin window

Ethan_Sherbondy · March 25, 2023, 5:56am

Thirded!

We just released a FigJam plugin that has drag-and-drop features and uses a non-null origin plugin iframe to initiate the drag operation.

We followed this reference plugin / guide to the T:

github.com

figma/plugin-samples/blob/master/icon-drag-and-drop-hosted/index.html

<html>
  <head>
    <style>
body {
  background-color: var(--figma-color-bg);
  color: var(--figma-color-text);
}

.icons-grid {
  display: flex;
  flex-wrap: wrap;
}

.icon {
  border-radius: 4px;
  cursor:grab;
  height:24px; 
  margin: 4px;
  padding: 4px;
  width:24px;

This file has been truncated. show original

And it works great in the Figma desktop app, but strangely not in the browser (maybe just on macOS?)!

The figma.on(“drop”, …) event never fires for us in the browser Figma experience, despite working just fine in the desktop app.

Anyone else run into this quirk and have a workaround?

Relatedly: Really wish we could test dev plugins in the browser in addition to the desktop app to catch incompatibility gotchas like this before a plugin is released!