We’re excited to share that you can now copy any element from one app to another, with a new copy to another app option in the context menu.
Copy to another app does a deep copy of the selected element(s) and all of their children. It replaces any properties that exist in the app (color variables, styles, font variables, and reusable definitions) with inline properties. The only exception is Bubble-defined font and color variables (“Primary contrast,” “App font,” etc), which are copied by reference and take on the value of that variable in the new app. It does a copy with workflows.
Example 1: Copy a reusable element to another app
Before we released this new feature, copying a reusable element in App A and pasting it into App B would lead to a junk state because App B would try to reference a reusable definition that does not exist, as shown in the image below.
Now, with copy to another app, you get the elements, workflows, color and font variables, and detached properties that were defined in App A, as shown in the image below.
Example 2: Copy style properties to another app
In addition to copying elements, you can also copy style properties from one app to another. Let’s say you have a custom style for buttons with a pink background, blue borders, and 24px font size. If you use a traditional method of copying this button from App A and pasting it in another App B, you get a totally different looking button. But if you use copy to another app instead, all of the style properties are copied inline. In the image of App B below, the top button was copy-and-pasted normally, while the bottom button is the result of copy to another app. You can then create a new style in App B based on this pasted button.
For more, see our documentation. Our product team is excited to hear how you use copy to another app to cut down on repetitive work and expedite development time.