DEV Community

Christopher Chhim
Christopher Chhim

Posted on

1

Figma for Beginners

Hello everyone! Today I'll be making a blog on Figma. I wanted to blog on Figma because I see Figma everywhere but I still don't know what it is.

Figma helps with the design interface and responsive web design. Figma frames have preset devices and screen sizes.

  1. Creating Figma Frames
    Figma frames can be created by simply hitting on the "A" or "F" key. There is a dropdown pane of the list of devices that the user wants to create the frame with.

  2. Frame interactions
    They can be modified by changing preset values or simply dragging the corners of the box.

  3. Nesting Frames
    Nesting frames is necessary when building complex interfaces. This is the process to combining frames.

  4. Top-Level Frames
    The top level frames embody all the other the frames that follow it.

These are notes for me to tell myself in case I ever need them.

This post was inspired from:
Castaneda, J. (2024, June 25) All You Need to Know About Frames in Figma
Retrieved from: [https://webdesign.tutsplus.com/frames-in-figma--cms-108737t#toc-apyl-nest-frames]

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs