For Text, you have access to the usual controls, like alignment, positioning, size, blend mode, capacity, fill, stroke. So T on the keyboard and click anywhere on your canvas to create a text. But we'll talk more about that in the next lesson. Of course, you can create custom shapes with the Pen tool or the Pencil tool. And that's it for shapes, really simple to use. And you can also change the depth or the angle between each star branch. So this is a three point star, four point star, five, six, ten, and so on. And here you can change the count, so how many tips do you want. We also have a Star tool that we can use to draw stars. So that's how you can use the Polygon tool.
I don't even know what this is called, but it probably has a pretty cool name. And you can even go really crazy and create something like this with 20 corners. So three is for a triangle, four is for a rhombus, five, six. You can basically go and change the corner count here. Next is the Polygon tool, which can be used to draw polygons, like triangles, rhombus, pentagon, hexagon, and so on. Same deal, click and drag to create an ellipse, or hold down Shift to create a perfect circle. And I can say Line Arrow or Triangle Arrow, very handy. The only thing different here is the fact that cap is now set to Mixed. And as you can see, let's actually make this a different color so we can see it better. Next, we have the Arrow tool, which is basically a line with an arrow at the end. And there are some additional options for stroke, like adding a cap, setting, how the joins are made, adding dashes, gaps, and so on. The line by default has a stroke, it has a stroke width of one. And while holding down Shift, you can actually rotate it in increments of 45 degrees. And if you want this to be perfectly horizontal, hold down Shift. Next, you can create lines with L, or the Line tool. You can click and drag to create a rectangle, or you can hold down Shift while doing that, and it's gonna create a square. You can go right here where it says Shape Tools, and you can choose between rectangle, or R on the keyboard. And in Figma, you can create the basic shapes really easily. It really depends on what we wanna do with it. And I can go ahead and give it a fill, give it a border if I want to. If I drag a frame outside its parent frame, it's gonna be a top level frame. And as you can see here in the Layers panel, a frame is represented by this symbol. So I can grab the Frame tool and I can draw a frame inside of a frame. And the rest of the controls are exactly the same as the controls for any old shape. Next, we can add an auto layout or layout grid, these are for a future lesson. You basically have the same controls like any other shape here. Or you can click on the W or the H and just drag left and right to get to the desired size. Width, height, you can click and change these values manually. From here I can change the x, y, these don't really matter. So I can change that on the fly, which is pretty cool.
#Figma add desktop frame pro#
So let's say now I want an iPhone 11 Pro Max. With the frame selected, I can also change its size by clicking this drop-down. But if I have more, you'll see that it resizes differently. In my case, I just had a simple rectangle, so it resized to that. So for example, if I were to have a rectangle in here and I do this, the frame will resize to the exact dimensions of the content. And we can also do something very cool, which is resize to fit. And if we look on the right side, we can swap the orientation from portrait to landscape, just like that. Now, with the frame selected, I can press Ctrl or Cmd+R, to rename it, or I can double click in here. So let's say I'm designing an app for a smartphone and I wanna preview it on an iPhone 8, for example, I can click iPhone 8, which is pretty handy. So there are presets for phones, tablets, desktops, smartwatch apps, paper, social media, and so on. However, I can click and drag and create a frame of custom size, or I can choose from a variety of presets. So I can grab the Frame tool or press F on the keyboard, and I can simply click to create a default frame, which is 100 by 100. And an artboard is like a big container for your design, right? You would create an artboard for an app screen, or a website, or a web page, or an icon. Both of these use something called artboards.
#Figma add desktop frame software#
And what are frames? Well, first of all, let me give you a comparison with another software that you might be familiar with, Adobe XD or Sketch. In this lesson, we're gonna start using the most basic tools in Figma. 2.3 Working With Frames, Shapes, and Text in Figma
0 kommentar(er)
