Create on the go with the new Sway for iOS

Published May 30 2018 07:00 AM 11.1K Views
Microsoft

Our biggest update in the history of Sway for iOS is here—making it easier than ever to create a Sway from start to finish on iPhone or iPad.

 

Visually, the app is cleaner and simpler, with new commands that make it a breeze to add and organize content. You can use drag-and-drop to group content together, tap to resize images, and instantly share your Sway with Sways Near Me.

 

Effortlessly switch between Edit and Preview

 

With the latest release of Sway for iOS, we added a toggle between Edit and Preview at the top of the screen—making switching between editing your Sway content and previewing your Sway design a breeze. In Edit, you can add and reorganize media and text. In Preview, you can see your Sway as others will see it, as well as change the Design to fit your personal style.

 

In addition, we redesigned the Edit mode in the app to have a simple look with an all-white canvas. This simple look showcases your media and text allowing you to take delight in seeing your masterpiece come to life.

 

Sway_Tabs_Smaller.gif

 

Drag-and-drop to group

 

Use your touch screen to drag-and-drop one image on top of another image to create a group. From there, you can change the Group Type and immediately see how your content will be laid out on the canvas with new-and-improved animations for groups. Simply tap the group and flip through the options. A Stack looks like a stack of images; a Comparison looks like a comparison between images; a Grid looks like a grid; and a Slideshow looks like a slideshow. If it sounds easy, that’s because it is!

 

Sway_Groups_Smaller.gif

 

Tap to resize content and add captions

 

To change the size of an image, you can tap and switch between Subtle, Moderate, and Intense. As you do so, you can see the size of your image change on the canvas. To delete an image or add a caption, simply tap Delete or Edit.

 

Edit text from above the keyboard

 

Now, you can edit your text from right above the keyboard. To change text to a Block Quote, tap the button that looks like a quotation mark. With block quotes, you can highlight important text to make it really stand out.

 

You can press E to Emphasize your text, which makes it bold. You can also add Bullets, Numbered Lists, and Hyperlinks.

 

As always, if you have feedback or suggestions, please leave them through UserVoice or directly in the comments below. We’re excited to hear from you!

 

—The Sway team

6 Comments
%3CLINGO-SUB%20id%3D%22lingo-sub-198639%22%20slang%3D%22en-US%22%3ECreate%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-198639%22%20slang%3D%22en-US%22%3E%3CP%3EOur%20biggest%20update%20in%20the%20history%20of%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fmicrosoft-sway%2Fid929856545%3Fmt%3D8%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3ESway%20for%20iOS%3C%2FA%3E%3C%2FSPAN%3E%26nbsp%3Bis%20here%E2%80%94making%20it%20easier%20than%20ever%20to%20create%20a%20Sway%20from%20start%20to%20finish%20on%20iPhone%20or%20iPad.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EVisually%2C%20the%20app%20is%20cleaner%20and%20simpler%2C%20with%20new%20commands%20that%20make%20it%20a%20breeze%20to%20add%20and%20organize%20content.%20You%20can%20use%20drag-and-drop%20to%20group%20content%20together%2C%20tap%20to%20resize%20images%2C%20and%20instantly%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSway-Blog%2FWorking-together-with-Sway-for-iPhone-and-iPad%2Fba-p%2F125603%22%20target%3D%22_blank%22%3Eshare%20your%20Sway%3C%2FA%3E%3C%2FSPAN%3E%20with%20%3CSTRONG%3ESways%20Near%20Me%3C%2FSTRONG%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EEffortlessly%20switch%20between%20Edit%20and%20Preview%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWith%20the%20latest%20release%20of%20Sway%20for%20iOS%2C%20we%20added%20a%20toggle%20between%20%3CSTRONG%3EEdit%3C%2FSTRONG%3E%20and%20%3CSTRONG%3EPreview%3C%2FSTRONG%3E%20at%20the%20top%20of%20the%20screen%E2%80%94making%20switching%20between%20editing%20your%20Sway%20content%20and%20previewing%20your%20Sway%20design%20a%20breeze.%20In%20%3CSTRONG%3EEdit%3C%2FSTRONG%3E%2C%20you%20can%20add%20and%20reorganize%20media%20and%20text.%20In%20%3CSTRONG%3EPreview%3C%2FSTRONG%3E%2C%20you%20can%20see%20your%20Sway%20as%20others%20will%20see%20it%2C%20as%20well%20as%20change%20the%20%3CSTRONG%3EDesign%3C%2FSTRONG%3E%20to%20fit%20your%20personal%20style.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIn%20addition%2C%20we%20redesigned%20the%20%3CSTRONG%3EEdit%3C%2FSTRONG%3E%20mode%20in%20the%20app%20to%20have%20a%20simple%20look%20with%20an%20all-white%20canvas.%20This%20simple%20look%20showcases%20your%20media%20and%20text%20allowing%20you%20to%20take%20delight%20in%20seeing%20your%20masterpiece%20come%20to%20life.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20320px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F35065iBE2F86434526FCB5%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Switching%20between%20Edit%20and%20Preview%22%20title%3D%22Sway_Tabs_Smaller.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EDrag-and-drop%20to%20group%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EUse%20your%20touch%20screen%20to%20drag-and-drop%20one%20image%20on%20top%20of%20another%20image%20to%20create%20a%20group.%20From%20there%2C%20you%20can%20change%20the%20%3CSTRONG%3EGroup%20Type%3C%2FSTRONG%3E%20and%20immediately%20see%20how%20your%20content%20will%20be%20laid%20out%20on%20the%20canvas%20with%20new-and-improved%20animations%20for%20groups.%20Simply%20tap%20the%20group%20and%20flip%20through%20the%20options.%20A%20%3CSTRONG%3EStack%3C%2FSTRONG%3E%20looks%20like%20a%20stack%20of%20images%3B%20a%20%3CSTRONG%3EComparison%3C%2FSTRONG%3E%20looks%20like%20a%20comparison%20between%20images%3B%20a%20%3CSTRONG%3EGrid%3C%2FSTRONG%3E%20looks%20like%20a%20grid%3B%20and%20a%20%3CSTRONG%3ESlideshow%3C%2FSTRONG%3E%20looks%20like%20a%20slideshow.%20If%20it%20sounds%20easy%2C%20that%E2%80%99s%20because%20it%20is!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20320px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F35066i3D255125858F3484%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Grouping%20images%20together%22%20title%3D%22Sway_Groups_Smaller.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ETap%20to%20resize%20content%20and%20add%20captions%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ETo%20change%20the%20size%20of%20an%20image%2C%20you%20can%20tap%20and%20switch%20between%20%3CSTRONG%3ESubtle%3C%2FSTRONG%3E%2C%20%3CSTRONG%3EModerate%3C%2FSTRONG%3E%2C%20and%20%3CSTRONG%3EIntense%3C%2FSTRONG%3E.%20As%20you%20do%20so%2C%20you%20can%20see%20the%20size%20of%20your%20image%20change%20on%20the%20canvas.%20To%20delete%20an%20image%20or%20add%20a%20caption%2C%20simply%20tap%20%3CSTRONG%3EDelete%3C%2FSTRONG%3E%20or%20%3CSTRONG%3EEdit%3C%2FSTRONG%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EEdit%20text%20from%20above%20the%20keyboard%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ENow%2C%20you%20can%20edit%20your%20text%20from%20right%20above%20the%20keyboard.%20To%20change%20text%20to%20a%20%3CSTRONG%3EBlock%20Quote%3C%2FSTRONG%3E%2C%20tap%20the%20button%20that%20looks%20like%20a%20quotation%20mark.%20With%20block%20quotes%2C%20you%20can%20highlight%20important%20text%20to%20make%20it%20really%20stand%20out.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYou%20can%20press%20%3CSTRONG%3EE%3C%2FSTRONG%3E%20to%20%3CSTRONG%3EEmphasize%3C%2FSTRONG%3E%20your%20text%2C%20which%20makes%20it%20bold.%20You%20can%20also%20add%20%3CSTRONG%3EBullets%3C%2FSTRONG%3E%2C%20%3CSTRONG%3ENumbered%20Lists%3C%2FSTRONG%3E%2C%20and%20%3CSTRONG%3EHyperlinks%3C%2FSTRONG%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAs%20always%2C%20if%20you%20have%20feedback%20or%20suggestions%2C%20please%20leave%20them%20through%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fsway.uservoice.com%2Fforums%2F277226-sway-for-ipad-iphone-ios%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EUserVoice%3C%2FA%3E%26nbsp%3B%3C%2FSPAN%3Eor%20directly%20in%20the%20comments%20below.%20We%E2%80%99re%20excited%20to%20hear%20from%20you!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%E2%80%94The%20Sway%20team%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-198639%22%20slang%3D%22en-US%22%3E%3CP%3EOur%20biggest%20update%20in%20the%20history%20of%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fmicrosoft-sway%2Fid929856545%3Fmt%3D8%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3ESway%20for%20iOS%3C%2FA%3E%3C%2FSPAN%3E%26nbsp%3Bis%20here%E2%80%94making%20it%20easier%20than%20ever%20to%20create%20a%20Sway%20from%20start%20to%20finish%20on%20iPhone%20or%20iPad.%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-SUB%20id%3D%22lingo-sub-220196%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-220196%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F164578%22%20target%3D%22_blank%22%3E%40Mazaher%20Mohamedali%3C%2FA%3E%26nbsp%3Bat%20the%20moment%2C%20you%20can%20only%20start%20from%20a%20document%20from%20Sway%20on%20the%20web%20or%20Windows%2010%20app.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-215397%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-215397%22%20slang%3D%22en-US%22%3E%3CP%3Eon%20the%20ios%20app%20can%20i%20add%2Fupload%20an%20attachment%20and%20turn%20it%20into%20a%20sway%20like%20thr%20website%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-202485%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-202485%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F90773%22%20target%3D%22_blank%22%3E%40Hari%20Kota%3C%2FA%3E%26nbsp%3BWe%20have%20a%20Windows%2010%20app%20that%20provides%20feature%20parity%20with%20the%20rich%20Sway.com%20web%20experience.%20Technically%2C%20it's%20a%20web%20hosted%20app.%20For%20more%20information%2C%20read%20%22%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSway-Blog%2FFresh-updates-with-the-latest-release-of-Sway-for-Windows-10%2Fba-p%2F118016%22%20target%3D%22_blank%22%3EFresh%20updates%20with%20the%20latest%20release%20of%20Sway%20for%20Windows%2010.%3C%2FA%3E%22%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EDoes%20this%20meet%20your%20org's%20needs%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-202484%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-202484%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F4271%22%20target%3D%22_blank%22%3E%40Eric%20Davis%3C%2FA%3E%26nbsp%3BWe%20do%20not%20have%20an%20Android%20app%20at%20the%20moment.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYou%20can%20create%20Sways%20on%20some%20Android%20devices%2C%20depending%20on%20screen%20size%2C%20by%20navigating%20to%20Sway.com%20from%20the%20device's%20browser.%26nbsp%3BThere%2C%20you'll%20get%20the%20latest%20Sway.com%20creation%20experience.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYou%20can%20of%20course%20view%20a%20Sway%20from%20any%20device's%20web%20browser%2C%20including%20Android%2C%20and%20the%20Sway%20will%20automatically%20re-renders.%20Stay%20tuned%20for%20future%20updates!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-200047%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-200047%22%20slang%3D%22en-US%22%3Ecan%20we%20expect%20a%20PWA%20that%20provides%20feature%20parity%20on%20the%20web%20and%20w10%20pc%2Fm..%20really%20need%20things%20to%20work%20on%20w10%20in%20our%20org.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-199547%22%20slang%3D%22en-US%22%3ERe%3A%20Create%20on%20the%20go%20with%20the%20new%20Sway%20for%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-199547%22%20slang%3D%22en-US%22%3E%3CP%3EWill%20any%20of%20these%20enhancement%20be%20coming%20to%20Android%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Version history
Last update:
‎May 29 2018 05:26 PM
Updated by: