 Tom here for more systems and probably the most popular question I get is anytime I've done a diagram is what diagram software are you using to draw that? I know what's the best or best free diagram software out there and the answer is all the same for the last Well, maybe year and a half or longer. I have been using diagrams.net and It's pretty outstanding. I don't remember who turned me on to it, but it's a great product I have a more in-depth tutorial than what I'm going to show you today That I'll leave link to below to get you started with it But it works as a web page that you don't need to sign up for you can use it all inside the browser or You can tie it to your G Suite account and collaborate in real-time or you can tie it to your next cloud and do real-time Collaboration and all kinds of file storage on there You can also integrate it with Office 365 or Atlassian and if none of those things make you happy You can also download it as a desktop application for Windows, Linux, or Mac Still free and if you really feel advanced and you just want to wall it off and self-host it Well, they got an option for that too in Docker So there's a lot of different ways you can play around with diagrams.net hands down highly recommend it What I'm here to talk about today is since I did that tutorial well about a year and a half ago There's a lot more features that have been added and I want to talk about a couple of the highlights And where you can read more about it and we're gonna start right at their blog Their blog is a great resource because there's just so many features that they are constantly rolling out that well I don't always use or have the need for but maybe you do Features integrations use cases news other open source new templates being added They're all nice and categorized here for you to scroll through. I it's a great resource If you're just curious what else it can do maybe beyond some of the use cases You may have or that I've had and showcased on this channel The first exciting option to add that I really like but it's simple and a little bit hidden is flow animations I see a little bit hidden because when you create a connector between two shapes The styling is all over here, but there's an extended property You have to get to to see the flow animation But you just check it the flow animation goes from the shape it started at to the shape It was destined to there's not a way to reverse that flow There's not a control on speed of the flow It just animates exactly like you see here. You just turn it on or off But turning it on or off doesn't change any of the other styling options for the particular shape So you can so color it theme it modify it otherwise But yeah, it gives it a cool little flow animation. The next big change is more shapes This is sometimes a good and bad thing because it creates some indecision for so many shapes to choose from But it's great having these of I wanted to build out something with active directory or maybe Android or Atlassian or bootstrap We have a lot of different types of icons I can use in here They even have rack icon So you could use this to build out your rack designs and your network and start putting them in there And it's great having all of this on here and we'll hit apply now We have this mess over here, but don't worry This is a mess but an easy one to solve because they have a search right here to make it quick to find anything that you Added there. So we're gonna hit rack more results. We can type Azure and Get some of the Azure icons and then start dragging them over. So there's a windows icon for there. There's a bit bucket and What else we on Azure? Okay. Now you start dragging these and going these are the shapes I want to use to start building out my graph. What do I do with all of that? This is where things are also clever with the scratch pad We can drag these back onto the scratch pad and that does include things that are already filled out So this says firewall with an IP address attached to it if you drag it to the scratch pad here We create a new page and we drag that same firewall over here The scratch pad remembers anything you draw over there to be able to reproduce it. It goes a step further You can edit the scratch pad. You can import images and import full Other draw.io files and we've actually imported two in here a few miles over I have this one here and I have this one here. I can actually take this file and It's a complete draw.io matter of fact This is one file I opened and it imports both pages as separate pieces the scratch pad so I can start with and Leave those in the draw.io really makes it easy when you're wanting to duplicate a lot of things start getting it started Maybe you have a template you want that you want start as a base You can add it to your scratch pad or when as I said You're doing any one particular job You just drag the ones you want in there and then just edit the scratch pad if you don't want them in there And say I probably don't need those and I probably don't want that one in there because the scratch pad does persist Even when you start a new document now the next major change is themes We're gonna go in here to extras. We have the default theme We have a minimal theme atlas and dark dark mode is a complete theme change So we're gonna switch it to dark now This does require closing and relaunching the application and we'll do the sketch theme last So we're gonna go ahead and close it and now we've launched this with the dark theme The problem is this is not a hundred percent compatible with certain things Such as when you go new and create new diagrams some diagrams may not look very good With the dark theme it requires a little bit of styling on there And of course any existing ones you did if you did custom coloring and that coloring doesn't high contrast across there It may not work for well, but hey, that's just time to re-theme and redo those particular documents Now the next thing I want to talk about and it's kind of a theme or different mode I would say is sketch mode and sketch mode still takes a restart to switch to this mode But sketch mode lets us switch between dark and light themes So here's sketch mode on a light theme and we can say you know in sketch mode and Drag different icons over And you can see it lets us sketch things out in a pretty simple kind of fun way Now what makes this pretty cool is because the dark mode. It's dark mode aware So this is gonna switch to dark mode and look it switched the theme of this as well So I didn't have to make any special color changes provided I use all the icon sets that are compatible with sketch which is quite a few of them But some of the icons may not show up quite as well And so when you're going through the shapes you may run into some issues if it wasn't a sketch mode And you were trying to add text to it But pretty neat that it does this now Let's go a step further with sketch mode and it makes it easy to theme the entire sketch so we're gonna go here to style and You can change the different themes they have in here to some really weird and hideous themed colors Some are nice. Maybe some are not nice and some are harder to read But I like the way this makes it very simple to do and if you create something in sketch mode and set these themes Like something as ugly as this We'll choose this one here, that's hard to read and we're gonna go ahead and save it switch back to the default theme and It's still editable in this version as well And you can go back and change the formatting again in a style and everything so you can still you know It's still as ugly as it was before you can still switch it so anything created in sketch mode still works But now when we drag things in the normal mode everything's back in normal mode So you can go back and forth between these and it's pretty fluid I like the way I can do something in sketch mode to get an idea maybe redraw it out here But hey, it allows quite an element of fun when we're doing these and setting this up Now maybe in the future. I'll do another more in-depth video There's just so many features to cover inside of draw it IO It's got all kinds of ways you can import text build things based on imported text in different languages It even has a way to import tables out of sequel to understand them So you can start drawing relationships between different tables in the database There's an extensive amount of features available more than I'm covering in this particular video I encourage you to go through their blog to kind of see some of the cool features And maybe some things you want to use in there And of course, I'll leave a link to my more in-depth tutorial where I dive a little deeper into getting started with it And some of the basics to get you going and start using it. It's free. It's easy to use I'll leave a link to their website linked to their blog and linked to my other video and thank you See you in the forums And thank you for making it to the end of this video. If you enjoyed this content Please give it a thumbs up. If you'd like to see more content from this channel hit the subscribe button and the bell icon To hire a sure project head over to LawrenceSystems.com and click on the hires button right at the top To help this channel out in other ways There's a join button here for YouTube and a patreon page where your support is greatly appreciated For deals discounts and offers check out our affiliate links in the descriptions of all of our videos including a link to our shirt store We have a wide variety of shirts and new designs come out. Well, randomly. So check back frequently And finally our forums forums.laurancesystems.com is where you can have a more in-depth discussion about this video and other tech topics covered on this channel Thank you again, and we look forward to hearing from you. In the meantime check out some of our other videos