# Export Elements Theme from Sketch - Plugin Case Study **URL:** \ **Category:** RapidWeaver Elements\ **Created:** [March 18, 2025, 9:55pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782 "2025-03-18T21:55:44Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 18, 2025, 9:55pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/1 "2025-03-18T21:55:44Z")
Hi, as mentioned I am working on another plugin. Here are the first steps. Not yet done and I will need to review the changes of the next update. But it seems to work so far 😃 ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 18, 2025, 9:59pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/2 "2025-03-18T21:59:40Z")
The screen sizes seems to be global and not theme specific. ---
**Author:** ![tpbradley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tpbradley/32/25503_2.png) [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\ **Post date:** [March 18, 2025, 10:14pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/3 "2025-03-18T22:14:30Z")
Oh this is very cool, well done! I’d be very interested to see more on this when you get it working. > [@Beblebroks](#): > > The screen sizes seems to be global and not theme specific. Yes, screen sizes are global or I should say project specific. I can’t recall the exact reason, but I remember that having screens tied to themes made responsive settings significantly more complex. Also, it didn’t seem logical for breakpoints to change when switching themes, since themes primarily handle style settings. ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 18, 2025, 10:16pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/4 "2025-03-18T22:16:49Z")
Yeah that makes sense. But I would then maybe set the menu not under the Theme settings? ![CleanShot 2025-03-19 at 06.16.15](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/c/fc41e81d59e505a706ed2575c209acbf7c2b8909.png) ---
**Author:** ![tpbradley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tpbradley/32/25503_2.png) [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\ **Post date:** [March 18, 2025, 10:18pm UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/5 "2025-03-18T22:18:56Z")
Yeah, good point — it’s misleading to have it within the theme settings. ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 19, 2025, 1:08am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/6 "2025-03-19T01:08:59Z")
Hi @tpbradley I got the colors to work. But what I realized is that you guys are using a different algorithm for the shades. Can be seen by the end of the video. Oh yeah and in case there is no export layer for the image that below is the fallback: ![CleanShot 2025-03-19 at 09.07.45](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/3/d3fa3ceb373e24e2fe7b43d46668d4fdd21fe8e6.png) ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [March 19, 2025, 5:36am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/7 "2025-03-19T05:36:35Z")
This is so cool! I’m definitely going to have to get more familiar with Sketch so I can support your efforts. Are you planning on offering your plugins for sale at some point in the future as I would like to support you. Very exciting stuff. What an awesome community that is growing around Elements. ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 19, 2025, 7:01am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/8 "2025-03-19T07:01:25Z")
Hi @handshaper not sure how to sell plugins for Sketch. But yeah I will see how I will do that. Maybe just a PayPal button on the page. But I won’t release anything before Elements has a final release candidate. Also if I sell it … it means I need to support it 🤯 🔫 So yeah we will see. The Sketch documentation is really out of date and most example code you find online is like 5-7 years old. So no idea where Sketch is heading. ---
**Author:** ![tpbradley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tpbradley/32/25503_2.png) [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\ **Post date:** [March 19, 2025, 9:53am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/9 "2025-03-19T09:53:43Z")
> [@Beblebroks](#): > > I realized is that you guys are using a different algorithm for the shades It might be tricky to try and match the algorithm. However, you can use custom swatches to specify the exact color of each shade. In the theme.json file, add this to a color. ```auto "customSwatches" : { "700" : "#c600d6", "300" : "#ff96fd", "900" : "#86028b", "500" : "#fe19ff", "100" : "#fee2ff", "600" : "#e900ff", "950" : "#5d0061", "800" : "#a300ae", "400" : "#ff57fc", "200" : "#fdc3ff", "50" : "#fff1ff" }, "useCustomSwatches" : true, ``` ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 19, 2025, 9:57am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/10 "2025-03-19T09:57:22Z")
Got that already 😃 I am adding the colors to both .. so as long no one is changing the colors all good. **Small Performance issue:** I realized when all switched for custom are one … for all tailwind colors + brand, accent, surface and so on .. it takes a moment till the theme loads ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 19, 2025, 11:36am UTC](https://forums.realmacsoftware.com/t/export-elements-theme-from-sketch-plugin-case-study/46782/11 "2025-03-19T11:36:06Z")
+1 for purchasing your plugin! I’d love to use it along with a sketch file to help build out themes — Bring it on 👏