adds a warning about ungrouped elements (#162)

Author: mimshwright

packages/backend/src/code.ts

@@ -5,7 +5,11 @@ import {
 } from "./common/retrieveUI/retrieveColors";
 import { generateHTMLPreview, htmlMain } from "./html/htmlMain";
 import { postConversionComplete, postEmptyMessage } from "./messaging";
-import { clearWarnings, warnings } from "./common/commonConversionWarnings";
+import {
+  addWarning,
+  clearWarnings,
+  warnings,
+} from "./common/commonConversionWarnings";
 import { PluginSettings } from "types";
 import { convertToCode } from "./common/retrieveUI/convertToCode";
 
@@ -14,6 +18,12 @@ export const run = async (settings: PluginSettings) => {
   const { framework } = settings;
   const selection = figma.currentPage.selection;
 
+  if (selection.length > 1) {
+    addWarning(
+      "Ungrouped elements may have incorrect positioning. If this happens, try wrapping the selection in a Frame or Group.",
+    );
+  }
+
   const convertedSelection = convertNodesToAltNodes(selection, null);
 
   // ignore when nothing was selected