How To Draw In Figma Pencil Tool Vector Point Tutorial

If you’re new to Figma, start by creating an account and exploring the interface to get a feel for how the app works.

You can also select the Pencil by clicking the Pen menu at the top and choosing the pencil icon.

Locate the Stroke area of the Design panel, which is on the right side of Figma. Click the colored square to select a color. If you want to choose a color that’s already on your canvas, click the eyedropper tool below the color picker, then click the desired color. By default, the opacity is set to 100%. To draw with a less opaque color, you can decrease the opacity by changing the percentage. The icon of three horizontal lines and the number “3” indicate the size of the line in pixels. Click this icon to increase or decrease the pixel size. You can change the shape of the pencil by choosing one of the three options—None for an undefined shape, Square, or Round. If you want to draw with a dashed line instead of a solid line, click the three dots to open the Advanced Stroke menu, then choose Dash or Custom, both of which allow you to specify the distance between dashes.

If you want to undo the last stroke, just press Cmd + Z (Mac) or Ctrl + Z (PC). To draw a straight line, just hold down the Shift key as you drag your cursor. Each stroke creates a new layer in the current frame. You can see all of your layers on the Layers panel, which is on the left side of the workspace.

Press V on the keyboard. Click the stroke you want to remove or click the name of its layer on the Layers panel. To select multiple strokes at once, hold down the Shift key as you click each stroke. [2] X Research source Press the Delete key to erase the selected lines.

Select the layers you want to resize. A bounding box will appear around the selection. Drag the corners of the drawing to make it larger or smaller.

You can then drag the Bezier handles, which are the blue narrow lines protruding from the curve, to reshape the curve in any direction. You can also turn a straight line into a curved line easily. Click the line you want to curve and press Return or Enter. Then, click the Bend tool (it looks like a curved line with circles on either end), hover the mouse cursor over the line you want to bend, and then drag it in the desired direction. Creating curved lines can be kind of challenging, so Figma recommends experimenting with this free game that can help you master the process: https://bezier. method. ac

Select the vector drawing. Press Return or Enter. Press the B key to open the paint bucket tool. Click inside of the design to fill it with the default gray color. Look for the “Fill” area on the Design panel running along the right side of Figma. Select the color you want to fill the design with, and it will fill immediately.

After drawing a line or object, select it by clicking it and pressing Return or Enter. Find the “Stroke” area on the Design panel and click the color (which is black by default). Click the desired color to automatically recolor the selected drawing.

Select the layers you want to resize. A bounding box will appear around the selection. Drag the corners of the drawing to make it larger or smaller.