![]() ![]() Once we've done that, I'm just going to use the "intro" slide for now and the first thing you want to do is go up here on the top right hand side of the Figma plugin where it says "animations", and that's actually a select box you can click on that, and when you click on it you'll see a few different options here it's currently under "animations", but we want to go down to the option that says "Clickable URL links", and if you click on thatl you'll see here that the context changes from some animations and a timeline, over to some inputs. ![]() To start with, I guess the first thing we need to do is get the the slide ready that we want to add a link to. I'm not going to cover that in this Figma tutorial, but if you're interested in seeing how all the animations work that are sitting on the right hand side here, you can find another Figma tutorial on our YouTube channel, which goes for about 30 minutes and does a really deep dive on adding animations and presenting this, and showing you how it all works in depth but for today I'm just going to be showing you how to add clickable links to your collaborative presentations in Figma, and then we can have a look at what that looks like in a browser. if you go through and and click through them, you'll see on my screen that I've got some animations applied to these elements, too. Now that that's loaded, you can see here that we've got all of our slides coming from Figma, the presentation designs look exactly the same as you would expect from the the original, and you'll also notice that these elements are coming in one after the other, and that's because Pitchdeck has loaded them up as individual parts of each slide. What it's going to do is, it's going to check all of our frames in the top level of our page and it's going to treat every single frame as an individual slide as part of this presentation, and it's also going to load in all of the elements from each frame and those are going to make up all the bits and pieces in each slide. The first thing we need to do is start the Figma plugin that we just installed, and we can do that by right-clicking anywhere, going down to "Plugins", and then finding the "Pitchdeck Presentation Studio" name and clicking on that, and that's just going to fire up the Figma plugin that we just installed, the Pitchdeck Figma plugin. The idea is that I want to take this slide deck, turn it into a real presentation and include some links in the presentation that I can click out to while I'm presenting. I'm just using a design that I came up with based on Dieter Rams "10 Principles for Good Design", and this is just a slide deck that I came up with and designed in Figma. If you haven't already done that, you can go to the top left of the Figma toolbar and click on the little Figma icon, and if you go to "community" and then go to search the search term that you want to use is "Pitchdeck", and under the plugins tab you will see a result called "Pitchdeck Presentation Studio", and if you haven't already installed it you'll see an "install" button on the right hand side that you can click, and when you click on that it'll change to look like mine, where it says "installed", and it's got a little checkmark on it once it says "installed" you can jump back into your Figma file with a collaborative presentation slide deck design, and we can get started. ![]() Tto do that, we need to install a Figma plugin called "Pitchdeck". These will be links that you can click while you're presenting, which will take you to external web pages, or any URLs (or links) that you want to include in your presentation. Today, I'm going to be showing you how to add clickable links to your collaborative presentations that you've designed in Figma. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |