This website uses cookies

Read our Privacy policy and Terms of use for more information.

Issue #30 • Design Newsletter • 👋 New here? I’m MengChi, a creative designer sharing practical and digestible visual design tutorials. You’ll find the main tutorial below, plus occasional personal notes and creative insights.

FROM ME THIS WEEK

Everyone’s growth path is different

two potted plant

A friend of mine had a big week where good news came in pairs. At first, I felt a little jealous, then mostly just happy for him.

That surprised me.

He gets his visibility by networking at events and constantly putting himself out there. It is the standard industry playbook to success, but the path drains me completely.

Instead of forces myself into that box, I choose to make things and share them here.

This week, I answered a viewer’s request: I figured out how to create a cinematic, glowing DNA rotating line graphics in Figma. Here's how to build it.

LEARN DESIGN

Glowing Cinematic DNA Lines in Figma

Transform simple rotating lines into cinematic glowing DNA graphics.

🎁 Grab your starter file and follow along!

Video Tutorial is linked below.

Step 1 - Context

This one is requested by a viewer from a previous video on rotating blend lines.

Watch it here for full context →

Step 2 – The Setup

Turning off the lights (light mode to dark mode)

light mode to dark mode.

Step 3 – The Blur Stack

  1. Select your graphic group. and Apply a Layer Blur of 5.

  2. Duplicate that layer 4 times.

  3. Set the values from bottom to top: 10, 20, 80, and 80.

stack the layer blur

Step 4 – The Definition Layer

To bring back the detail:

  1. duplicate the layer and put it on top.

  2. Set this Layer Blur to 1.

This keeps the core edges crisp while the heavy light ""bleeds"" out from behind.

bring back details

Step 5 – The Light Injection

Final polish: the ""Overlay"" trick.

  1. Draw a white rectangle over entire frame.

  2. Set the opacity to 40%. Change the blend mode to Overlay.

Enhance the lighting

Step 6 – Tada!

That is it. By stacking blurs instead of using just one, you get a much more realistic lighting effect.

Final result

Watch on Youtube

Like and share the video.
Leave a comment if you got any questions!

WHAT’S COMING NEXT

Memphis Patterns Design in Figma

Grid layouts can make a team page feel entirely lifeless. If you are working with inconsistent photos, matching various lighting setups and poses to make them look cohesive is a frustrating puzzle.

Next week, I am sharing a practical system to inject nostalgic energy into those layouts without breaking your user focus. We will build 7 iconic Memphis design patterns, from classic stripes to fluid squiggles, directly within Figma.

More importantly, I will show you how to use simple mask offsets and color-blocking strategies to ensure your team's faces remain the center stage.

Keep an eye on your inbox next week. Bye.

Thanks for reading and spending a bit of your day with me.

If you want to keep up with more behind-the-scenes thoughts or small design notes I don’t always send by email, feel free to connect with me on LinkedIn.

Would love to have you there:

See you in the next email.

MengChi

Reply

Avatar

or to participate

Keep Reading