New tools to create and customize professional looking diagrams in Visio for the web

Published Feb 17 2022 09:00 AM 4,920 Views
Microsoft

During our Microsoft Ignite session last fall, we recapped some of the latest features in Visio for the web. In that session, we also announced several upcoming features and improvements that will help you create better looking diagrams faster and new tools to help you add some personalization. This blog post covers the details of those features, which are currently rolling out to Visio for the web users—including Visio in Microsoft 365, Visio Plan 1, and Visio Plan 2—unless otherwise noted.

 

New and improved diagramming tools in Visio for the web

 

Format Painter (currently rolling out): We are excited to introduce the Format Painter tool in Visio for the web. Using Format Painter, you can quickly copy the fill and formatting of one shape to a single shape or to multiple shapes in your diagram with a few clicks. Format Painter can be accessed from the Home tab or from the floating context menu, as you’ll read about soon, which appears when you right-click or select an object. Please note that copying the format of grouped shapes is not currently supported. Visit our support article to learn more about the Format Painter tool in Visio for the web.

 Animated demonstration of the Format Painter toolAnimated demonstration of the Format Painter tool

Shapes in the Document stencil (currently rolling out): Previously available only in the Visio desktop app, the Shapes in the Document stencil is rolling out to Visio Plan 2 subscribers in Visio for the web. With the Shapes in the Document stencil, you can now quickly access and use shapes that exist in your Visio file. The stencil will always be pinned to the shape panel—whether you start from a new blank drawing or a template. If starting new, you will need to add shapes to the canvas before they appear in the Shapes in the Document stencil.

 Example of the Shapes in the Document stencil within the Shapes panelExample of the Shapes in the Document stencil within the Shapes panel

Enhanced floating context menus (currently rolling out): We are adding common user actions and formatting options in the floating context menus, so you can quickly access the necessary tools needed to complete your diagram faster. Simply right-click or select the appropriate object in your diagram and choose the desired action from the context menu. Newly added commands enable you to quickly rotate text, change the shape outline weight and style, edit connector lines, arrows, or points, make connectors curved, angled, or straight, and—speaking of Format Painter—apply the same formatting to multiple objects in your diagram.

 Example of user options available on the floating context menu, such as copy, paste, delete and moreExample of user options available on the floating context menu, such as copy, paste, delete and more

We’ve also enhanced this experience to support the press-and-hold method on a touchscreen device.

 Example of user options on the floating context menu on a touchscreen deviceExample of user options on the floating context menu on a touchscreen device

Snap experience improvements (currently rolling out): We’ve addressed one of your topmost concerns—aggressive snapping to objects in Visio for the web—and made the snap experience more user-friendly. This means when you draw, resize, or move a shape in your diagram, you will notice a smooth experience when snapping or aligning to other shapes or objects in your diagram. You can also turn the snap-to shapes capabilities on or off by selecting or deselecting the new Smart Guides checkbox available from the View tab in the ribbon.

 Example of snapping to objects by selecting the Smart Guides checkboxExample of snapping to objects by selecting the Smart Guides checkbox

New customization tools in Visio for the web

 

Draw Shape tool (now available!): Visio for the web now supports drawing shapes, including rectangles, squares, lines, circles, and ellipses of the desired dimensions. The new Draw Shape tool can be accessed from both the Home tab and the Insert tab on the ribbon. To create a shape in your diagram from the Insert tab, go to the Draw Shape drop-down, select the shape you want, click anywhere on the canvas, and then drag the mouse pointer to draw the selected shape. Visit our support article to learn more about the Draw Shape tool in Visio for the web.

 

Example of the Draw Shape tool - Shapes include rectangles, squares, lines, circles, and ellipsesExample of the Draw Shape tool - Shapes include rectangles, squares, lines, circles, and ellipsesMore Colors, Recent Colors (now available!): Create flowcharts and diagrams that match your brand guidelines. Choose from a full spectrum of colors or customize the text color, shape fill, and shape outline for objects in your diagram with More Colors. If you know the HEX or RGB values, you can type them into the appropriate boxes in the Custom Colors panel. Then, quickly access recently used colors in your diagram with Recent Colors. More Colors and Recent Colors can be accessed from the Home tab, the Shape tab, or from the floating context menu, which appears when you right-click or select an object.

 

Example of the Custom Colors panel, including Hex and RGB valuesExample of the Custom Colors panel, including Hex and RGB values

*Bonus announcement for desktop users of Office*

 

Modern landing page for Visio in the Office desktop app (now available!): We have recently added Visio’s modern landing page to the Office desktop app, providing users with a familiar and collaborative start experience similar to other Office apps, like Microsoft Word, Microsoft Excel, and Microsoft PowerPoint. Visio users will now get access to a powerful set of Office features, such as improved file discovery, better template categorization, and quick access to Visio files that have been recently edited, accessed, and reviewed by colleagues directly in the Office desktop app.

 

Example of the modern landing page in Visio in the Office desktop app - Showing template options and a Recommended sectionExample of the modern landing page in Visio in the Office desktop app - Showing template options and a Recommended section

To try the new experience, search for and open the Office app on your Windows device. Click on the Visio icon in the side navigation bar or search for “Visio” in the Search box. This will launch the modern landing page for Visio in the Office environment where you can quickly create new diagrams, and access Visio files, including Recommended, Recently opened, Shared, and Favorites to quickly pick up where colleagues left off.

 

Give us your feedback! Please tell us what you think of the new diagramming and customization tools in the comments below or send feedback via the Visio Feedback portal. Follow us on Twitter and LinkedIn to stay informed with the latest updates for Visio.

 

Want to know what other Visio features have been released recently or what's coming soon? Check out these Visio updates on the Microsoft 365 Roadmap to learn more!

 

Continue the conversation by joining us in the Microsoft 365 Tech Community! Whether you have product questions or just want to stay informed with the latest updates on new releases, tools, and blogs, Microsoft 365 Tech Community is your go-to resource to stay connected! 

%3CLINGO-SUB%20id%3D%22lingo-sub-3171196%22%20slang%3D%22en-US%22%3ENew%20tools%20to%20create%20and%20customize%20professional%20looking%20diagrams%20in%20Visio%20for%20the%20web%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3171196%22%20slang%3D%22en-US%22%3E%3CP%3EDuring%20our%20%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D1UtCP4tdvzk%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EMicrosoft%20Ignite%20session%3C%2FA%3E%20last%20fall%2C%20we%20recapped%20some%20of%20the%20latest%20features%20in%20Visio%20for%20the%20web.%20In%20that%20session%2C%20we%20also%20announced%20several%20upcoming%20features%20and%20improvements%20that%20will%20help%20you%20create%20better%20looking%20diagrams%20faster%20and%20new%20tools%20to%20help%20you%20add%20some%20personalization.%20This%20blog%20post%20covers%20the%20details%20of%20those%20features%2C%20which%20are%20currently%20rolling%20out%20to%20Visio%20for%20the%20web%20users%E2%80%94including%20Visio%20in%20Microsoft%20365%2C%20Visio%20Plan%201%2C%20and%20Visio%20Plan%202%E2%80%94unless%20otherwise%20noted.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-365036662%22%20id%3D%22toc-hId-365282519%22%3E%3CSTRONG%3ENew%20and%20improved%20diagramming%20tools%20in%20Visio%20for%20the%20web%3C%2FSTRONG%3E%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EFormat%20Painter%20(currently%20rolling%20out)%3A%3C%2FSTRONG%3E%20We%20are%20excited%20to%20introduce%20the%20Format%20Painter%20tool%20in%20Visio%20for%20the%20web.%20Using%20Format%20Painter%2C%20you%20can%20quickly%20copy%20the%20fill%20and%20formatting%20of%20one%20shape%20to%20a%20single%20shape%20or%20to%20multiple%20shapes%20in%20your%20diagram%20with%20a%20few%20clicks.%20%3CSTRONG%3EFormat%20Painter%3C%2FSTRONG%3E%20can%20be%20accessed%20from%20the%20%3CSTRONG%3EHome%3C%2FSTRONG%3E%20tab%20or%20from%20the%20floating%20context%20menu%2C%20as%20you%E2%80%99ll%20read%20about%20soon%2C%20which%20appears%20when%20you%20right-click%20or%20select%20an%20object.%20Please%20note%20that%20copying%20the%20format%20of%20grouped%20shapes%20is%20not%20currently%20supported.%20Visit%20our%20support%20article%20to%20learn%20more%20about%20the%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Foffice%2F2ed0a654-a6fb-4170-ba7a-9132b77917b3%23OfficeVersion%3DWeb%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EFormat%20Painter%20tool%20in%20Visio%20for%20the%20web%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Animated%20demonstration%20of%20the%20Format%20Painter%20tool%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348780i0B1C1A768E0BE9D2%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Format%20Painter%20GIF.gif%22%20alt%3D%22Animated%20demonstration%20of%20the%20Format%20Painter%20tool%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EAnimated%20demonstration%20of%20the%20Format%20Painter%20tool%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EShapes%20in%20the%20Document%20stencil%20(currently%20rolling%20out)%3A%3C%2FSTRONG%3E%20Previously%20available%20only%20in%20the%20Visio%20desktop%20app%2C%20the%20Shapes%20in%20the%20Document%20stencil%20is%20rolling%20out%20to%20%3CSTRONG%3EVisio%20Plan%202%20subscribers%3C%2FSTRONG%3E%20in%20Visio%20for%20the%20web.%20With%20the%20Shapes%20in%20the%20Document%20stencil%2C%20you%20can%20now%20quickly%20access%20and%20use%20shapes%20that%20exist%20in%20your%20Visio%20file.%20The%20stencil%20will%20always%20be%20pinned%20to%20the%20shape%20panel%E2%80%94whether%20you%20start%20from%20a%20new%20blank%20drawing%20or%20a%20template.%20If%20starting%20new%2C%20you%20will%20need%20to%20add%20shapes%20to%20the%20canvas%20before%20they%20appear%20in%20the%20Shapes%20in%20the%20Document%20stencil.%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20the%20Shapes%20in%20the%20Document%20stencil%20within%20the%20Shapes%20panel%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348781i8903E6FA5AC119D7%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%201.png%22%20alt%3D%22Example%20of%20the%20Shapes%20in%20the%20Document%20stencil%20within%20the%20Shapes%20panel%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20the%20Shapes%20in%20the%20Document%20stencil%20within%20the%20Shapes%20panel%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EEnhanced%20floating%20context%20menus%20(currently%20rolling%20out)%3A%3C%2FSTRONG%3E%20We%20are%20adding%20common%20user%20actions%20and%20formatting%20options%20in%20the%20floating%20context%20menus%2C%20so%20you%20can%20quickly%20access%20the%20necessary%20tools%20needed%20to%20complete%20your%20diagram%20faster.%20Simply%20right-click%20or%20select%20the%20appropriate%20object%20in%20your%20diagram%20and%20choose%20the%20desired%20action%20from%20the%20context%20menu.%20Newly%20added%20commands%20enable%20you%20to%20quickly%20rotate%20text%2C%20change%20the%20shape%20outline%20weight%20and%20style%2C%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Foffice%2F5669491f-9fce-4676-81f8-ef4553788416%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3Eedit%20connector%20lines%2C%20arrows%2C%20or%20points%3C%2FA%3E%2C%20make%20connectors%20curved%2C%20angled%2C%20or%20straight%2C%20and%E2%80%94speaking%20of%20Format%20Painter%E2%80%94apply%20the%20same%20formatting%20to%20multiple%20objects%20in%20your%20diagram.%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20user%20options%20available%20on%20the%20floating%20context%20menu%2C%20such%20as%20copy%2C%20paste%2C%20delete%20and%20more%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348783iD08D6F3307C6BC71%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%202.png%22%20alt%3D%22Example%20of%20user%20options%20available%20on%20the%20floating%20context%20menu%2C%20such%20as%20copy%2C%20paste%2C%20delete%20and%20more%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20user%20options%20available%20on%20the%20floating%20context%20menu%2C%20such%20as%20copy%2C%20paste%2C%20delete%20and%20more%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3EWe%E2%80%99ve%20also%20enhanced%20this%20experience%20to%20support%20the%20press-and-hold%20method%20on%20a%20touchscreen%20device.%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20user%20options%20on%20the%20floating%20context%20menu%20on%20a%20touchscreen%20device%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348784i3044598EEA640A4A%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%203.png%22%20alt%3D%22Example%20of%20user%20options%20on%20the%20floating%20context%20menu%20on%20a%20touchscreen%20device%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20user%20options%20on%20the%20floating%20context%20menu%20on%20a%20touchscreen%20device%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3E%3CSTRONG%20style%3D%22font-family%3A%20inherit%3B%20color%3A%20%23333333%3B%22%3ESnap%20experience%20improvements%20(currently%20rolling%20out)%3A%3C%2FSTRONG%3E%3CSPAN%3E%20We%E2%80%99ve%20addressed%20one%20of%20your%20topmost%20concerns%E2%80%94aggressive%20snapping%20to%20objects%20in%20Visio%20for%20the%20web%E2%80%94and%20made%20the%20snap%20experience%20more%20user-friendly.%20This%20means%20when%20you%20draw%2C%20resize%2C%20or%20move%20a%20shape%20in%20your%20diagram%2C%20you%20will%20notice%20a%20smooth%20experience%20when%20snapping%20or%20aligning%20to%20other%20shapes%20or%20objects%20in%20your%20diagram.%20You%20can%20also%20turn%20the%20snap-to%20shapes%20capabilities%20on%20or%20off%20by%20selecting%20or%20deselecting%20the%20new%20%3C%2FSPAN%3E%3CSTRONG%20style%3D%22font-family%3A%20inherit%3B%20color%3A%20%23333333%3B%22%3ESmart%20Guides%3C%2FSTRONG%3E%3CSPAN%3E%20checkbox%20available%20from%20the%20%3C%2FSPAN%3E%3CSTRONG%20style%3D%22font-family%3A%20inherit%3B%20color%3A%20%23333333%3B%22%3EView%3C%2FSTRONG%3E%3CSPAN%3E%20tab%20in%20the%20ribbon.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20snapping%20to%20objects%20by%20selecting%20the%20Smart%20Guides%20checkbox%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F357651i3DF791E76CC274FE%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Smart%20Guides%20in%20Visio%20for%20the%20web.png%22%20alt%3D%22Example%20of%20snapping%20to%20objects%20by%20selecting%20the%20Smart%20Guides%20checkbox%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20snapping%20to%20objects%20by%20selecting%20the%20Smart%20Guides%20checkbox%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--1442417801%22%20id%3D%22toc-hId--1442171944%22%3E%3CSTRONG%3ENew%20customization%20tools%20in%20Visio%20for%20the%20web%3C%2FSTRONG%3E%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EDraw%20Shape%20tool%20(now%20available!)%3A%3C%2FSTRONG%3E%20Visio%20for%20the%20web%20now%20supports%20drawing%20shapes%2C%20including%20rectangles%2C%20squares%2C%20lines%2C%20circles%2C%20and%20ellipses%20of%20the%20desired%20dimensions.%20The%20new%20%3CSTRONG%3EDraw%20Shape%3C%2FSTRONG%3E%20tool%20can%20be%20accessed%20from%20both%20the%20%3CSTRONG%3EHome%3C%2FSTRONG%3E%20tab%20and%20the%20%3CSTRONG%3EInsert%3C%2FSTRONG%3E%20tab%20on%20the%20ribbon.%20To%20create%20a%20shape%20in%20your%20diagram%20from%20the%20%3CSTRONG%3EInsert%3C%2FSTRONG%3E%20tab%2C%20go%20to%20the%20%3CSTRONG%3EDraw%20Shape%3C%2FSTRONG%3E%20drop-down%2C%20select%20the%20shape%20you%20want%2C%20click%20anywhere%20on%20the%20canvas%2C%20and%20then%20drag%20the%20mouse%20pointer%20to%20draw%20the%20selected%20shape.%20Visit%20our%20support%20article%20to%20learn%20more%20about%20the%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Foffice%2F259ed0da-4444-4bf3-9093-33a0a79629e8%23OfficeVersion%3DWeb%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EDraw%20Shape%20tool%20in%20Visio%20for%20the%20web%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20the%20Draw%20Shape%20tool%20-%20Shapes%20include%20rectangles%2C%20squares%2C%20lines%2C%20circles%2C%20and%20ellipses%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348789i0AE70A3746040C96%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%205.png%22%20alt%3D%22Example%20of%20the%20Draw%20Shape%20tool%20-%20Shapes%20include%20rectangles%2C%20squares%2C%20lines%2C%20circles%2C%20and%20ellipses%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20the%20Draw%20Shape%20tool%20-%20Shapes%20include%20rectangles%2C%20squares%2C%20lines%2C%20circles%2C%20and%20ellipses%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3CSTRONG%3EMore%20Colors%2C%20Recent%20Colors%20(now%20available!)%3A%3C%2FSTRONG%3E%26nbsp%3BCreate%20flowcharts%20and%20diagrams%20that%20match%20your%20brand%20guidelines.%20Choose%20from%20a%20full%20spectrum%20of%20colors%20or%20customize%20the%20text%20color%2C%20shape%20fill%2C%20and%20shape%20outline%20for%20objects%20in%20your%20diagram%20with%20%3CSTRONG%3EMore%20Colors%3C%2FSTRONG%3E.%20If%20you%20know%20the%20HEX%20or%20RGB%20values%2C%20you%20can%20type%20them%20into%20the%20appropriate%20boxes%20in%20the%20%3CSTRONG%3ECustom%20Colors%3C%2FSTRONG%3E%20panel.%20Then%2C%20quickly%20access%20recently%20used%20colors%20in%20your%20diagram%20with%20%3CSTRONG%3ERecent%20Colors%3C%2FSTRONG%3E.%20More%20Colors%20and%20Recent%20Colors%20can%20be%20accessed%20from%20the%20%3CSTRONG%3EHome%3C%2FSTRONG%3E%20tab%2C%20the%20%3CSTRONG%3EShape%3C%2FSTRONG%3E%20tab%2C%20or%20from%20the%20floating%20context%20menu%2C%20which%20appears%20when%20you%20right-click%20or%20select%20an%20object.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20the%20Custom%20Colors%20panel%2C%20including%20Hex%20and%20RGB%20values%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348790iFBBCDEF2EC5BC5D2%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%206.png%22%20alt%3D%22Example%20of%20the%20Custom%20Colors%20panel%2C%20including%20Hex%20and%20RGB%20values%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20the%20Custom%20Colors%20panel%2C%20including%20Hex%20and%20RGB%20values%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-1045095032%22%20id%3D%22toc-hId-1045340889%22%3E%3CSTRONG%3E*Bonus%20announcement%20for%20desktop%20users%20of%20Office*%3C%2FSTRONG%3E%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EModern%20landing%20page%20for%20Visio%20in%20the%20Office%20desktop%20app%20(now%20available!)%3A%3C%2FSTRONG%3E%20We%20have%20recently%20added%20Visio%E2%80%99s%20modern%20landing%20page%20to%20the%20Office%20desktop%20app%2C%20providing%20users%20with%20a%20familiar%20and%20collaborative%20start%20experience%20similar%20to%20other%20Office%20apps%2C%20like%20Microsoft%20Word%2C%20Microsoft%20Excel%2C%20and%20Microsoft%20PowerPoint.%20Visio%20users%20will%20now%20get%20access%20to%20a%20powerful%20set%20of%20Office%20features%2C%20such%20as%20improved%20file%20discovery%2C%20better%20template%20categorization%2C%20and%20quick%20access%20to%20Visio%20files%20that%20have%20been%20recently%20edited%2C%20accessed%2C%20and%20reviewed%20by%20colleagues%20directly%20in%20the%20Office%20desktop%20app.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Example%20of%20the%20modern%20landing%20page%20in%20Visio%20in%20the%20Office%20desktop%20app%20-%20Showing%20template%20options%20and%20a%20Recommended%20section%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F348792i3BFD20E8A40A4AB8%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Visio%20for%20the%20web%20blog%20-%20Image%207.png%22%20alt%3D%22Example%20of%20the%20modern%20landing%20page%20in%20Visio%20in%20the%20Office%20desktop%20app%20-%20Showing%20template%20options%20and%20a%20Recommended%20section%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EExample%20of%20the%20modern%20landing%20page%20in%20Visio%20in%20the%20Office%20desktop%20app%20-%20Showing%20template%20options%20and%20a%20Recommended%20section%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3ETo%20try%20the%20new%20experience%2C%20search%20for%20and%20open%20the%20%3CSTRONG%3EOffice%20app%3C%2FSTRONG%3E%20on%20your%20Windows%20device.%20Click%20on%20the%20Visio%20icon%20in%20the%20side%20navigation%20bar%20or%20search%20for%20%E2%80%9CVisio%E2%80%9D%20in%20the%20%3CSTRONG%3ESearch%3C%2FSTRONG%3E%20box.%20This%20will%20launch%20the%20modern%20landing%20page%20for%20Visio%20in%20the%20Office%20environment%20where%20you%20can%20quickly%20create%20new%20diagrams%2C%20and%20access%20Visio%20files%2C%20including%20%3CSTRONG%3ERecommended%2C%20Recently%20opened%2C%20Shared%2C%20%3C%2FSTRONG%3Eand%20%3CSTRONG%3EFavorites%3C%2FSTRONG%3E%20to%20quickly%20pick%20up%20where%20colleagues%20left%20off.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EGive%20us%20your%20feedback!%20Please%20tell%20us%20what%20you%20think%20of%20the%20new%20diagramming%20and%20customization%20tools%20in%20the%20comments%20below%20or%20send%20feedback%20via%20the%20%3CA%20href%3D%22https%3A%2F%2Ffeedbackportal.microsoft.com%2Ffeedback%2Fforum%2F42d29dfb-3e1c-ec11-b6e7-0022481f8472%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EVisio%3C%2FA%3E%20Feedback%20portal.%20Follow%20us%20on%20%3CA%20href%3D%22https%3A%2F%2Ftwitter.com%2Fmsvisio%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ETwitter%3C%2FA%3E%20and%20%3CA%20href%3D%22https%3A%2F%2Fwww.linkedin.com%2Fgroups%2F63136%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ELinkedIn%3C%2FA%3E%20to%20stay%20informed%20with%20the%20latest%20updates%20for%20Visio.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CFONT%20color%3D%22%23DF0000%22%3E%3CFONT%20color%3D%22%23000000%22%3EWant%20to%20know%20what%20other%20Visio%20features%20have%20been%20released%20recently%20or%20what's%20coming%20soon%3F%20Check%20out%20these%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Froadmap%3Ffilters%3DVisio%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EVisio%20updates%20on%20the%20Microsoft%20365%20Roadmap%3C%2FA%3E%20to%20learn%20more!%3C%2FFONT%3E%3C%2FFONT%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22TextRun%20SCXW182838608%20BCX8%22%20data-contrast%3D%22auto%22%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW182838608%20BCX8%22%3EContinue%20the%20conversation%20by%20joining%20us%20in%20the%20%3C%2FSPAN%3E%3C%2FSPAN%3E%3CA%20class%3D%22Hyperlink%20SCXW182838608%20BCX8%22%20href%3D%22https%3A%2F%2Faka.ms%2Fcommunity%2Fmicrosoft365%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3E%3CSPAN%20class%3D%22TextRun%20SCXW182838608%20BCX8%22%20data-contrast%3D%22none%22%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW182838608%20BCX8%22%20data-ccp-charstyle%3D%22Hyperlink%22%3EMicrosoft%20365%20Tech%20Community!%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FA%3E%3CSPAN%20class%3D%22TextRun%20SCXW182838608%20BCX8%22%20data-contrast%3D%22auto%22%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW182838608%20BCX8%22%3E%20Whether%20you%20have%20product%20questions%20or%20just%20want%20to%20stay%20informed%20with%20the%20latest%20updates%20on%20new%20releases%2C%20tools%2C%20and%20blogs%2C%20Microsoft%20365%20Tech%20Community%20is%20your%20go-to%20resource%20to%20stay%20connected!%3C%2FSPAN%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22EOP%20SCXW182838608%20BCX8%22%20data-ccp-props%3D%22%7B%26quot%3B201341983%26quot%3B%3A0%2C%26quot%3B335559739%26quot%3B%3A160%2C%26quot%3B335559740%26quot%3B%3A259%7D%22%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-3171196%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22TextRun%20SCXW238805039%20BCX8%22%20data-contrast%3D%22auto%22%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW238805039%20BCX8%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-left%22%20image-alt%3D%22Custom%20Colors%20in%20Visio%20for%20the%20web.png%22%20style%3D%22width%3A%20538px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F361632iF037CCFE93D39AB1%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Custom%20Colors%20in%20Visio%20for%20the%20web.png%22%20alt%3D%22Custom%20Colors%20in%20Visio%20for%20the%20web.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22TextRun%20SCXW238805039%20BCX8%22%20data-contrast%3D%22auto%22%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW238805039%20BCX8%22%3ELearn%20more%20about%20the%20latest%20features%20rolling%20out%20to%20Visio%20for%20the%20web%3C%2FSPAN%3E%3CSPAN%20class%3D%22NormalTextRun%20SCXW238805039%20BCX8%22%3E!%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3171196%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EVisio%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Version history
Last update:
‎Apr 05 2022 03:41 PM
Updated by: