PageProof Academy: Review & approve directly Inside Figma, Adobe, Canva, and more

Hello everybody. It's Marcus from PageProof here to do another PageProof Academy, this time on PageProof's add-ons, add-ins, and plugins. So what's the difference? What's an add-on, an add-in, or a plugin? So these are all the different terminologies that the vendors use, like Microsoft, Adobe, etc. They use for describing the, the, the addition that PageProof can make into their tools. So I'll go through these today and we'll take a look at how you can use a lot of these plugins, add-ins, or add-ons in your workflows when it comes to doing your work with PageProof. Now, one thing I wanted to go through was just a few slides here on exactly what it is that we're going to look at. So we are connected into the most popular design and creative tools that you'll use. And the idea is that we will be wherever you are. And the whole thing is, look, you can use PageProof to upload your proofs and use the web interface to leave feedback. But when those changes come back, how do you actually get them into the design tools? And where our goal is to be there so that you are exactly where you would be when you're creating your work. Now, what do we support? Well, let's have a look at that. So we are probably the most connected online proofing product on the market by far. So we have native integrations. So these are not just, you know, a view with a web page playing in it. These are true desktop plugins or add-ins or add-ons to these products. So of course, the Adobe tools. So InDesign, Photoshop, Illustrator, you know, the traditional tools, we support all of those with a native panel that enables you to look at feedback, send out proofs and things. And we'll take a look at a couple of examples there. If you're into video, we support 3 video tools. I do have a surprise at the end of the webinar, but Premiere Pro and After Effects. So those are supported and also Apple's Final Cut Pro. So we do have If you are using or prefer Final Cut Pro, we support you as well. And then one that's little known, we did release this middle of last year. This is a very cool integration, which is Word, Excel, and the one that I'm going to show you actually is PowerPoint because it's a great way of getting feedback on PowerPoint. So this is something that we're going to show you. So those are the desktop design tools. For the online design tools, of course, a lot of people are working in things like Figma, Canva, Adobe Express. So we support you in those tools as well with a native add-on, plugin, add-in. And the idea here again is that you can send your proofs out of Figma and you can bring the feedback back into Figma. And you can see that all inside of the tools that you're using. So Canva and Adobe Express. Have been added to these as well. So what I'm gonna do now is just take you through a demonstration, not of each one, but generally of a grouping of these so you can see how they work. So let's get started with the online design tools. So we'll just jump straight in there and take a look. So let's go and have a look at a demo. Okay, so here I am inside of Figma. And my design is running here in the background. You can see my Figma Basics piece of work that I've been doing. And this panel that you see here, this is the PageProof panel. Now, how did I get this? Well, you can go down in this bar on the bottom, click here, and you can choose plugins and widgets. You can do a search and you'll find PageProof here. Just click into it and it opens the panel. You authenticate. And here you are. So you can do that inside of there. Now you can create proofs from directly inside of here. So I'm going to go through some of the features that you can do inside of these online tools. So you can create a proof. So you can say, hey, upload new proof. You can, from inside of Figma particularly, you're able to send out the URL. So you can do an interactive version of the design inside of Figma. So it's using the URL option. Or you can do static options. So if you want to do a JPEG or a PNG, or maybe if it's got multiple pages inside of your Figma prototype, you can do a PDF to send out a multiple static. If you want to do that, it's completely up to you. If you are doing things like a PNG or a JPEG, you can also do the different resolutions. If it is, you know, you're doing 2x for, for the for Retina displays or 3 or 4X, you can also specify those as well inside of here. So quite a few options depending on what you choose for creating your Figma proofs. So great way of getting started there. Now that will represent itself. Here we are inside of Page Proof. That'll show you the proof. You can then mark it up. So you can see I've put this markup here. You can see those pieces of markup. I'd like these to be slightly larger. So the experience for your reviewer, is they don't need a copy of Figma. They don't even need to be in Figma at all. Uh, in fact, they can mark up directly inside of PageProof, send you back a to-do list, and then from inside of Figma, you can find that proof. And then what you can do is very quickly just go in and make those changes so you can see those changes coming up. So there is the comment that we just saw back in PageProof showing up inside of my Figma panel here. So if I click on the three dots, there's a little option here to open context. And when you open context, what that does is it shows you a preview of the markup that was left inside of PageProof. So there we have it right there. So inside the app, I can see, okay, they want me to make this larger. Those are the areas they want me to focus on. So you can actually see the markup directly inside the panel, uh, inside of, inside of Figma. So. Really, really useful way of getting these changes done. Now I could mark this as done and then there's an option that you can upload a new version directly from here. So the three dots here, you can say upload new version and you can send out version 2 of the proof directly from inside of Figma. So that is a good sort of explanation of what the Figma panel does inside here. So that's a page proof for Figma. So there you have it right there. Now I'm going to move on next to Adobe Express because Adobe Express, there is a panel available for that as well. So here I am inside of Adobe Express. Now Adobe Express integrates well with a lot of the Adobe desktop tools, so you can bring your designs back and forward, and there's some great advantages for Adobe Express if that's something that you like to do. You can search, so you can click on Add-ons. So notice they're called Add-ons inside of Adobe Express. You can search for Add-ons, or you can click on Add-ons, search for Page Proof, and then add Page Proof to your, to your account inside of Adobe Express. And it brings you this sidebar. So there is the Page Proof sidebar inside of Adobe Express. The great thing here is that you can again bring your feedback directly inside of your Adobe Express design. So here we have my design and I can look and see all these comments directly inside of here. You can also— I probably should have started here. You can also create new proofs directly from here as well. So there is a create proof button right here where you can initiate the sending out of a proof. But this one's got some comments on it. I can go and take a look at these comments so I can have a look here and, and see exactly what this one is. Just click on the three dots, open in context. It's an important little trigger there. That's going to show us exactly what this markup is showing here, which is, hey, replace with attached. Now what's really great about the integrations into these tools is that these buttons work. So I can have a look at this attachment. I can select it and download it and then bring it into the, into this, into Adobe Express and then place it and arrange it and all that sort of thing. So you've got options here for Managing your, your comments and also downloading attachments and marking them as done. So that just shows you some of the features that you've got inside of Adobe Express. So very, very useful for sending out your proofs and bringing your changes back. Now we're going to flip the coin and we're going to jump over and take a look at Canva. So Canva plugin, very similar. There are a couple of differences here. So again, you can see the artwork directly inside of Canva and you can search and add the PageProof plugin so you can see it down here. When I click into these comments, it's going to— I click into the proof, it's going to show me my comments down the bottom. Same thing if I click onto it and then say open context or view context, it's going to show me the context for that particular change so I can see, oh right, it's to do with that icon in the corner. Now with Canva, just some differences. If I click onto the attachments, I get an option here to place it. So I can actually say place, it puts it onto the artwork and I can now go in and place that directly into where I need to go and delete the other one and do all the things. So the attachment handling is pretty cool inside of Canva. It actually interacts directly with the canvas, which is quite nice. So at that point, I could mark this as done. And then move on and do the next set of changes. So that is the panel for Canva. Now, if you do a search, if you're actually in Canva right now doing a search, this is due to be released very, very soon. So do search for it and it will show up for you. If it's not there right now, it is imminent. So that is page proof for Canva. Okay. So those are all of the online tools and how you're able to use page proof inside of Figma, which is very important inside of Adobe Express or Canva, depending on your preferences there. But they're all covered with a native page proof panel built into those applications. Okay, now let's jump in and take a look at a few, a few different tools. So Good example here, we're looking at Adobe InDesign. Now, PageProof supports, if you remember from the slide, we support InDesign, Illustrator, Photoshop, Premiere Pro, After Effects, you know, all of the Adobe desktop tools. What I wanted to show you here was some of the features of those. So this is Adobe InDesign and we can see the panel, which I have got from the plugins menu. So I go to the plugins. Choose it from here, it shows up the panel, and then I can see all my proofs that are in my inbox inside of PageProof. And if I click onto it, it shows me here are all the comments. Now with the native plugins inside of the desktop apps, there's a bit more functionality here than we saw in the online plugins. Now this is really cool. So I can click into a particular comment. And it actually shows me the markup directly on top of the artwork. So here you can see there is the comment that was placed by the person inside of PageProof, but now it's inside my artwork on top of my artwork. I would consider this the best brief in the world. It just shows me exactly what I need to do. I can go and make those changes and mark that off as done, and it moves to the next one. Now some extra functionality inside of Adobe InDesign, which is extremely useful, is that you can do things like text replacements just by pressing a button. So here we have a piece of spelling, a spelling issue in my design. And you'll see here there is the correct spelling that my reviewer has left for me. That's very kind of them. So rather than me copy paste or retype it, there's a button at the bottom of the panel here Replace the text, I just click. So if you watch the InDesign file, I'll press the button, click, boom, there's the text change made, and I can mark that as done and move on to the next one. That works also for entire blocks of copy as well. So there's a block of copy. This is looking correct. Just hit the text replace. Again, you watch the InDesign file, click, boom, change is made, mark it as done. So this just shows you some of the features that are available inside the desktop applications, which give you much more capability. We are expecting to bring a lot of this capability into the online plugins as well. So, and add-ons. This last one with attachments inside of InDesign, for example, you can actually click onto the attachments, say you want to place it. I mean, you can download it, but you can also place it directly if you want to. So I'll save that into my links folder. And then I can just place it straight into the design and that's marked as done. So extremely, extremely useful. And of course from here I can say upload new version and send a new version directly from inside of InDesign. Now of course a lot of people ask, hey, what does that look like in Photoshop? Well, again, let's have a look here. Here is the Photoshop panel. If you click on a comment, it's actually going to show you, and I'll move this so you can see it. Inside of PageProof, someone has left a comment for this design saying, add shadows. Now, if you imagine going through a retouching workflow, you can have someone marking up your Photoshop file. You actually click onto the comment and it will show you the markup directly on top of your, on top of your work. So again, really, really great, useful way of being able to see the feedback and action it directly inside of your artwork. So There we have that inside of Photoshop. Same thing in Illustrator and same thing in Premiere Pro and After Effects. So the page proof panel is available for all of those tools. Now we're going to switch again to something else. Let's jump over and take a look at Final Cut Pro. Now here we are in Final Cut Pro, Apple's video editing tools. Some people love it. It's great. It is a great tool. You know, it's, uh, it's built on top of the Apple hardware and is extremely fast and is a really, really great tool to use. Now the PageProof panel, you can see it here. It interacts with your timeline. I'll just move that out of the way here. But the idea is there's my proof. Someone's left me 3 comments. I can actually click onto these comments and it jumps the timeline to exactly where the change is. So very, very quickly and easy, I can get in and make the edits and mark them off as done. And then again, you can upload a new version right directly from inside of the panel and it pops that new version up into page proof for the second round of changes. So there we have the Final Cut Pro plugin. Of course, you can initiate with all of our plugins. You can initiate the creation of a new proof from directly inside of the panel as well. So that's Final Cut Pro. Premiere Pro and After Effects, just for note, they work the same way. You click on the comment, it jumps you to exactly the place in the video that the person was referring to. So as you can see, I'm able to go through and control that directly from here. That's a lot of tools we've gone through. There's one more. Let's jump in to Microsoft Office. Okay, so here we are inside of Microsoft Office. Now again, you can go into the add-ins. So these are now called add-ins. In the add-ins, you can do a search for PageProof. You can add PageProof to your— into PowerPoint, Word, and Excel, and it gives you some functionality inside your toolbar. So you've got the PageProof panel, which you can open and close, and it gives you this Create New Proof button directly from inside of your Microsoft tools. So you can just go Create New Proof straight from that toolbar. And it takes you to the proof setup screen. So super, super easy to get to. Now, of course, this panel that you see here, I can search for the Seller Project. There it is. If I click into it, there are some comments that people have made. There's a comment right there. Again, with this one, I can just click on the three dots and I can say open context. It's going to show me the context that the person was referring to. There is some new copy coming. Great. I can wait for that copy to come and it refers to that area. So some really, really great ways of getting feedback from people when it comes to PowerPoint and actually getting it into PowerPoint so you're not running two screens or, or do anything crazy like that. So there is PowerPoint. This same plugin works for Word and it works for Excel as well. So really, really, really useful, and I do highly recommend it for PowerPoint workflows. Really superb. So that's given us a bit of a run-through of each one of those panels. And if we go back, we can see all the desktop tools we sort of went through. InDesign, we went through InDesign, Photoshop, Premiere Pro, and After Effects, and Illustrator all work the same way. Apple Final Cut Pro, extremely useful. You can see how that works in relation to Premiere Pro and After Effects as well. Word, Excel, and PowerPoint. So these are all fully supported native desktop apps, desktop plugins, add-ins, add-ons. And then of course, we looked at Figma, Canva, and Adobe Express. But one thing I did want to just shed some light on, something that is going to be coming in the new year, because there's a couple of tools which people have been saying, hey, we'd love to see these coming. So I was going to switch over now and we're going to take a look at what's coming in 2026, which is DaVinci Resolve. So those that are really into the video editing using DaVinci Resolve. That is coming in 2026 early. We're hoping January. And of course, QuarkXPress. So we are adding QuarkXPress as a, as a supported application. So there will be a plugin coming for QuarkXPress as well. So really, really great supporting everybody's workflows and all their creative work. And, you know, this is, this is something that we're very, very excited about. So that concludes the, the presentation for today. So just to go back again, you know, all of these applications we all fully support. We have more. If you, if you are working in something that you think, hey, it'd be great to have a page proof plugin, let us know. We're really keen to hear more from the design and creative community on exactly where you're working. And what sort of tools you are working in. And of course, remember, PageProof is also connected with your project management tools natively and also your notification tools like Microsoft Teams and also Slack. So, you know, if you are using something like Adobe, Adobe's tools, you've also got Asana and you're working in all these desktop applications, you can build a nice workflow that connects everything together. And we just recently announced we also have for MediaValet, which is a digital asset management tool, the ability to automatically deliver final approved assets into MediaValet automatically without anyone touching a thing. So all your reviewers do is say approve and it just puts it into MediaValet automatically, which is a really stunning piece of tech. And the great thing with that is you can see how you can now create an entire workflow using plugins and integrations with PageProof as the backbone there for your creative workflows. So thank you very much, everybody, for your time today. We will have another PageProof Academy coming up, one more before the end of the year, we hope. Otherwise, we will see you in the new year. In fact, I do know there's one more— there is going to be one more Academy before the end of the year. Because the 12 Days of Christmas are coming and the 12 Days of Christmas, 12 new features in 12 days starting on December 1st. So look out for that really exciting time. Thank you very much, everybody. Have a great rest of your day.