February 27, 2020 How to Create UML Diagrams: the Gliffy UML Diagram TutorialDiagrams for Software EngineeringDrawing UML Diagrams with Gliffy is easy, regardless of which UML diagram type you want to create. Just spend a few minutes playing with Gliffy’s intuitive interface and you’ll be ready to diagram like a pro.Not familiar with Gliffy? Get started with a free trial of Gliffy Online and you'll be creating UML diagrams in no time.UML Diagram Tutorial For GliffyStep 1: Add UML ShapesFirst, you’ll need to add UML shapes to your Gliffy Shape Library. Click More Shapes at the bottom of the shape library and expand the Software Design section so you can select “UML 1.0.” Gliffy has UML shapes for multiple types of UML diagrams, but for this tutorial we’ll stick to the basics. Step 2: Draw a Package SymbolOr, rather, drag and drop a package symbol. From the UML 1.0 section of the shape library, drag a package symbol onto your canvas. While it’s selected, just type to give it a label. In this case, we used "Financing." Step 3: Edit the UML ShapeEach time you select a shape in Gliffy, you can edit its properties or the properties of any text within the shape. Explore these properties to create visual hierarchy throughout your diagram.Step 4: Duplicate Shapes Save time with the keystroke Command + D or Ctrl + D to quickly duplicate shapes. Then, you can edit any text within those shapes while retaining the style you selected in Step 3.Step 5: Arrange Everything NeatlyOnce you've copied several shapes, your work might look a little cluttered. To edit multiple shapes at once, just use your mouse to select all three and you’ll see Edit Group Properties instead of Edit Shape Properties.Use these group properties settings to align the three shapes to the left and to distribute them evenly along the vertical axis.Next, we're going to duplicate these shapes three more times to add three more package symbols to your diagram.Turn on Snap to Grid and Drawing Guides by clicking those icons in the toolbar. These tools help you neatly align these new package symbols with the ones already placed.We arranged, labeled, and edited our shapes so that they looked like the image below. We've got more UML pro tips on how to make an easy-to-read diagram, too! (Call it extra credit reading.)Step 6: Add ConnectorsOnce you’ve got things laid out nicely, it’s time to show their connections. Open Edit Line Properties to select if you want your connectors to have arrowheads, to change the line’s style, or to select the line type.Connect all your package symbols up and you’re ready to share, publish, export, or invite others to collaborate on your UML diagram.Get Started with Your Own UML DiagramWith those basics, you know how to make a UML Diagram. Pat yourself on the back! Now, give it a go with Gliffy Online or Gliffy Diagrams for Confluence.Try Online Try in ConfluenceLooking for more resources before you get started? Here's more UML content from Gliffy:- What us UML? Everything You Need to Know About the Unified Modeling Language - UML Diagram Types and Templates
January 22, 2021 What is a Data Flow Diagram?Diagrams for Software EngineeringDiagrams for Businesses
December 15, 2020 AWS Architecture Diagram Examples and Templates for Gliffy's AWS Architecture Diagram ToolDiagrams for Software EngineeringTemplates
October 26, 2020 Examples of Wireframes and How to Create a WireframeDiagrams for Design ProjectsDiagrams for Software Engineering