Hello everyone, exelix and I are finally releasing the Switch Layout Editor. Please note that this is still in beta.

Brief Description:

The Switch Layout Editor enables you to edit and preview BFLYT and BFLAN files which are used in the Switch interfaces and games.
With this tool you can easily create and edit themes.

Main Features:

• Layout loading, editing and saving
• Rendering the bounding boxes of the components
• SZS editing
• Drag and drop
• Simultaneous file editing
• Import/Export JSON patch (Compatible with Switch themes)

How to use:

You can check the Wiki on the Github page for a more in depth tutorial.

Extract the zip file and open "Switch Layout Editor.exe". You can now open a SZS, BFLYT or BFLAN file.
BFLYT files are commonly found in SZS archives, when opening a SZS file you can double click on the files in the list to edit them (if they're supported).

If you're making a theme:
Once you're done editing, you can either:
- Save your changes to the SZS and use it. (illegal to share publicly)
- Export your theme as a JSON patch that you can use with the Switch Theme Injector to create a nxtheme (legal to share)

Discord Server / Support:
You can make an issue on github if you encounter a problem or you can join the discord.
This discord server is used for all my projects.


Release:

• Github
• Release Download

Updates:

Spoiler: v1.0 Beta 6

- Adding and removing texture references in a bflyt file
- Editing materials (partial)
- Fix crashes or corrupted files for big endian bflyts (for Wii U titles)
Download here.

Spoiler: v1.0 Beta 5

- Animations editor (.bflan files)
- Group (grp panes) editing for bflyt files
- Fix for some crashes and some minor improvements
Download here.

Spoiler: v1.0 Beta 4

- You can now update the SwitchLayoutEditor directly from within the tool. No need to check Github anymore, just click on the Update button.
- Support for usd1 panes + custom usd1 panes.
- Search box in the SZS editor.
Download here.

Spoiler: v1.0 Beta 3.1 hotfix

Hotfix for a bug causing a black screen. Download here

Screenshots:

Spoiler

Layout Example:

Support:
You can join the Qcean discord server for any help related to themes.

Credits:

• FuryBaguette - Development
• exelix - Base of the editor & Continuous development
• Abood - Sarc Tool
• Syroot - BinaryData

 

[exelix11]

GitHub: https://github.com/FuryBaguette/SwitchLayoutEditor
GitHub Releases: https://github.com/FuryBaguette/SwitchLayoutEditor/releases

 

[Tinnetju]

Amazing! I have been waiting for this! Thanks so much for creating this tool

 

[Foundforgood89]

Great work. Much appreciated
Just out of curiosity, does this allow any management of the order applications are in (rather than the default "most recent" generated order the device normally uses)

 

[FuryBaguette]

Great work. Much appreciated
Just out of curiosity, does this allow any management of the order applications are in (rather than the default "most recent" generated order the device normally uses)

Thank you! You can change the games position but the switch will still decide the order

 

[FuryBaguette]

UPDATE: v1.0 Beta 3.1 hotfix

Changelog:

• Hotfix for a bug causing a black screen

 

[Jbg]

keep it up

 

[SG911]

Awesome! Will be using this for sure, as soon as i figure out how to obtain the file(s) i need to edit with this editor of yours. Nice job!

EDIT: Nvm i think your wiki page explains how & what not. Lol

 

[FuryBaguette]

Awesome! Will be using this for sure, as soon as i figure out how to obtain the file(s) i need to edit with this editor of yours. Nice job!

EDIT: Nvm i think your wiki page explains how & what not. Lol

Yes it's all on the wiki and another guide linked in the wiki

 

[Dichotomy754]

Thank you, with this I was able to fix the overlapping text in the two row layout. I don't know if anyone else got that but it's been really bugging me.

 

[LightBeam]

Can we make the buttons transparent with this ? I really hate the ugly dark colors around the buttons and would like to get rid of this, just like a few themes already did, but I don't know how to do that

 

[exelix11]

Can we make the buttons transparent with this ? I really hate the ugly dark colors around the buttons and would like to get rid of this, just like a few themes already did, but I don't know how to do that

Yes, irrc the background pane of each button can be hidden. You could check how the other themes do it by looking into the json

 

[LightBeam]

Alright I'll do that, thank you for the answer

 

[Dichotomy754]

There is one thing I can't figure out how to get rid of, and it's this annoying white line. Anyone know what it might be labeled as?

Edit: Well never mind. Through pure luck I found a post by Exelix11 explaining it was located in common.szs and upon further digging I found it. "LineFooter.bflyt"

 

[chaoskagami]

Ah, this is nice. Especially the fact that all the bounding box positions are calculated and previewed properly, unlike Wexos Toolbox.

 

[qurao]

There is one thing I can't figure out how to get rid of, and it's this annoying white line. Anyone know what it might be labeled as?

Edit: Well never mind. Through pure luck I found a post by Exelix11 explaining it was located in common.szs and upon further digging I found it. "LineFooter.bflyt"

View attachment 155827

Thanks for posting this. I finally got rid of that stupid line as well.

 

[HoTsHoTz79]

Not sure what i am doing wrong or if i'm skipping a step... but the changes im making is not applying to .nxtheme (i'm on 6.2)

• Opened orig ResidentMenu.szs in Switch Layout Editor
• Opened blyt/RdtBase.bflyt
• Changed position for N_Icon_00 & N_Icon_01
• Save to SZS - Close
• Save As ... test.szs
• Tools > Layout Diff - Selected Original ResidentMenu.szs and Edited test.szs
• Generate diff - test.json
• Went to https://exelix11.github.io/SwitchThemeInjector/ site
• Inject & Patch tab > Open test.szs - Detected home menu 6.X
• Set BG image .dds
• Custom Layout - set to Dont Patch
• Build NXTheme
• Used GoldLeaf to install theme
• Reboot > only background changed... positions of icons did not change

According to https://nh-server.github.io/switch-guide/extras/theming/ guide
it says i have to use Nxtheme Builder tab.. but that does not give me option to use my .json or edited .szs

 

[exelix11]

Not sure what i am doing wrong or if i'm skipping a step... but the changes im making is not applying to .nxtheme (i'm on 6.2)

• Opened orig ResidentMenu.szs in Switch Layout Editor
• Opened blyt/RdtBase.bflyt
• Changed position for N_Icon_00 & N_Icon_01
• Save to SZS - Close
• Save As ... test.szs
• Tools > Layout Diff - Selected Original ResidentMenu.szs and Edited test.szs
• Generate diff - test.json
• Went to https://exelix11.github.io/SwitchThemeInjector/ site
• Inject & Patch tab > Open test.szs - Detected home menu 6.X
• Set BG image .dds
• Custom Layout - set to Dont Patch
• Build NXTheme
• Used GoldLeaf to install theme
• Reboot > only background changed... positions of icons did not change

According to https://nh-server.github.io/switch-guide/extras/theming/ guide
it says i have to use Nxtheme Builder tab.. but that does not give me option to use my .json or edited .szs

Custom layouts from the szs don't transfer automatically to the nxtheme, that's why you must make a json layout and also the web version of the injector doesn't support uploading layouts.
For json layouts use the pc version of the injector, there's an option in the layouts list to open a json.
That's the biggest mistake you're doing. Still to keep everything compatible with all the firmwares not every change is supported in the json format, if you're not changing just the basic properties (like position, scale, rotation, color and so on) after diffing check that the json actually contains all your changes.
About GoldLeaf idk if xor updated it to the latest version of my lib, if all the changes are in the json try installing the theme with NXThemes Installer.
If you're changing a property that's not supported (aka doesn't appear in the json) but you think it would be useful for making themes pm me either here or on discord.

 

[HoTsHoTz79]

For json layouts use the pc version of the injector, ...

Ah i knew i missed something.. i had the .nro downloaded earlier and did not realize the .zip file for pc

Thanks.. will give this a go!

 

[NitroCipher]

Damn, this is sick. Cheers man!