Hey Bubblers 👋
Big update for Elemium! You can now save your components and create your own library with all dependencies linked!
No more issues with copy/pasting between apps.
How it works:
1. Select any component and click "save to Elemium".
2. Check and confirm
Elemium saves the component with all its needed dependencies, including:
- Styles
- Color variables
- Font variables
- Custom breakpoints
- Plugins
- Reusables
- Workflows & custom workflows
- Workflow folders
- Option sets
- Data types
- APIs and API calls
3. Import on any other App
Retrieve your saved Components from your Library in any other App. If dependencies are missing in the new app, you can install them with one click.
Once imported, you can drag your component into the app without any issues.
That's it !
Here is a full flow demo video, with a table component that uses all type of dependencies, dropped in another fresh App:
Additional details:
- Any type of components You can save components, full pages and reusables.
- Auto-screenshots So you always have a preview to recognize your component.
- Reusables are preserved. Each reusables are saved and imported as-is, and not detached. Reusables containing other reusables are fully supported.
- Type references are preserved. If your component uses OS values with attributes related to another OS, they are saved too. Same for datatypes or APIs responses mapped with DT or OS.
- Only what’s needed is exported. For example, only the required fields for data types or specific needed API calls are saved.
- Automatic mapping: If the new app already has some dependencies installed, they’ll be mapped automatically, no duplicates. Works for all dependencies, styles, variables, reusables and types.
- Choose what to import/export: You can skip exporting/installing some dependencies, but you’ll need to resolve potential issues manually.
- Auto detach Styles: For styles and variables, if you prefer to not install them in the new App, all elements are automatically styles-detached. This means that your component stay visually intact no matter if styles and variables are imported/installed or not.
- Option set values are saved if needed.
- Actual data and data rows are never saved, only types.
- APIs credentials are never saved.
Here it is folks, no more issue ! You can now build a fully functional library, reusing your work and design system without the need to recreate everything repeatedly. For agencies, you’ll soon be able to share components seamlessly with your team and build a common Library.
You can try all of this for free:
elemium.io
Let me know what you think!