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]

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay