Duplicating Craft and Team Meetings | Jonathan Hau

All right. The last thing— and I'll be quick— is duplicating. Let's say you have a list of users or a list of icons or whatever, anything you want to duplicate. It will automatically duplicate that for you really quickly. You can set your number of vertical or horizontal duplication. You can also adjust your gutter and just manually drag the spacing between each of your duplicate items. And as you click— So let's just say I'm just going to find some assets here. And I'm going to— so I've selected those 3 things. And I'm just going to vertically duplicate it 3 times.

And—

Sorry. There's a bug because it won't— the button to duplicate isn't there. So unfortunately, I can't show you how this works. But you can kind of imagine, if I were to click on those items, it will just duplicate down or to the right however many times I need it to do it. And I can just adjust that gutter spacing in between each of the different assets simultaneously across the board. So pretty simple. But those are the 4 different— Plugins that we have available for Craft. Again, everything is completely free and available to you guys. So I encourage you guys to check out this website. I showed you that initial video, but there's also 4 5-minute videos that explain how each of these works. So for example, if I were to play this— I'll just play a 30-second video.

The Data plugin has 3 modes to get you designing with real data faster than ever. Here in the Custom tab, you can fill your design with custom text or photos with just a few clicks. So if I want to drop in some randomly generated To add in usernames, I just select a few bits of text and click Names. It works the same with the rest of the categories. There are more pre-made categories in your list than are shown by default. Just click an open spot and see what's there. If you want to create your own category to pull from, click Custom and create or paste in your list. Each—

Alright, so you guys kind of get that idea, right? Just a whole bunch of things you can do with creating your own data sets there. All right. Any questions on any of the things that I've covered so far with Kraft, or anything else with prototyping, anything else I've covered?

Looks good.

All right. OK. Cool. So that's Kraft. I talked about Motion. We talked about the film. That's completely free. Let me talk a little bit about— Having meetings with your team. Let's say you want to get some feedback. There's 2 different ways that you can get feedback. One is you instantly generate a share link. This share link is completely free. They don't need to have an InVision account to view this share link. So if I were to copy and paste this, open it up in an incognito window so that I'm not logged into anything, paste that there, boom, I can see the prototype. I can interact with it. And I can comment on it instantly.

Again—

No need to have an InVision account in order to do any of this. If I click on an area that does not have a hotspot, you'll see those hotspots appearing. I can also set tour points on my design. And when I set up tour points, it allows me to walk a user through the design to see the changes of the design as they've progressed through time. So you can see as I'm clicking next, next, next, it's just moving me through different tour points that we've set up on this design. And allows me to see how that design has changed, perhaps by the designer presenting to a stakeholder. Or to your investor, whatever it happens to be. The other way that you can share out a prototype is you can email it, SMS it, and instantly on any mobile device, you can view it and interact with it instantly. Beyond that, we have Live Share. Live Share is a free instant meeting, very similar to GoToMeeting, WebEx, or Join.me. But it's completely free. Unlimited participants, free and forever. Every single meeting that you invite members to, you just have them join by going to this URL. They don't need to download anything like Zoom or WebEx. All right? You can have a free VoIP call. You just connect them on VoIP. You can have them dial in. In fact, we have company meetings on this system because it's completely free, and we don't need to use WebEx. That's amazing.

All right.

Everybody can simultaneously interact with the design and everybody can simultaneously draw on your design. Every person that draws on your design, InVision will automatically assign a pen color. And with that pen color, InVision will automatically create a legend with those pen colors. All right. You can save these images to your stats folder or if you don't want to talk about the image here and you don't want to interact with it and go to different screens, you can just go Back to the drawing board, to a whiteboarding tool, completely free. Everybody can simultaneously draw here. And you can save these drawings to your Snaps folder. You can even create multiple whiteboards and save those. If you don't want to save them to your whiteboard or your Snaps folder, you can also email it instantly to all the participants at once in your meeting and they'll instantly get it, get that drawing. All right. Any questions on that? Pretty straightforward, very easy, completely free, unlimited, forever. We need more. All right.

OK.

So that's Live Share. All right. So how do I access some of those images that I just drew? If I go to my grid icon in the upper right, hit my Snaps folder, you'll see all those images that I had drawn from my meeting as soon as my internet shows. Those drawings right there. You can see I've done a bunch of other drawings from other meetings that I do over and over again. All right. The other really cool thing is we have this Live Capture Chrome extension. So let's say I go to draperuniversity.com, where a lot of you heard about Draper University, I'm sure. And I go to the home page, and I want to just quickly grab that home page and put that into a prototype. Well, simply download my Live Capture Chrome extension. I can throw that into an individual prototype. I can throw that into my snaps folder, but it will pull a full screen grab of the whole page view that you're looking at and throw that into your snaps folder. Here you can see instantly it's available right here. And then you can modify each element? You can't modify each element. That's too cool. But that would be really cool. But you can put this into a prototype. You could download it, and splice and dice it in Photoshop, and then re-upload it back into InVision, whatever you want to do. Yeah. All right. Another really cool thing— how many of you guys use Photoshop? OK, so about half of you. We have a Live Share Photoshop plugin.

Oh, cool.

Some designers don't like this.

Is it free?

Completely free. Completely free. Yeah. You can download this for Photoshop. And this allows you to do a Live Share meeting presentation from the canvas of your Photoshop instance. So you can instantly share that canvas to an investor right away and say, hey, these are changes that we're thinking about, if you want to do that real time. The other thing that I think you guys should know— again, I mentioned earlier the desktop syncing. So we sync with Dropbox, Google Drive, and Box. But we also have a free InVision Sync application. Completely free, free forever, yes. So this is something you can download. And what this will do is it'll automatically mirror all of your projects, and all of your artboards, and all of your screens directly to a local Finder folder on your Mac. So you'll see here that there's an InVision folder. Inside the InVision folder, you'll see all of your project folders automatically created for you. And InVision will automatically create an Assets and a Screens folder for you. And all of these Assets and Screens folders for each of these projects simply replicate what you see in the web view. So anytime you want to work inside Illustrator, Photoshop, Sketch, whatever you want to use, you stay inside Photoshop, Illustrator, and Sketch. And then InVision will automatically pick that up, depending on where you're saving it, to the right prototype whenever you're making changes. So very, very easy to use.