Fons Mans Profile picture
Daily design concepts

Apr 7, 2023, 12 tweets

Tutorial Thread ✨

Learn how to create a spiral illustration with @figma, in just a few easy steps — no plugins needed!

Ready? Let’s dive in 👇

#sponsored

Step 1: Add a new oval and give it a color fill of your choice

Step 2: Change the fill mode to “Angular” and distribute the stops like this:

Step 3: Duplicate and mirror the ovals as shown below, with the “light stroke” pointing inward

Step 4: Duplicate the 4 ovals and rotate them as shown below

Step 5: Now it’s time to re-order the layers so we get a layered effect!

Step 6: Select all ovals, frame the selection and reduce the frame height by 50% (make sure to toggle “clip content”)

Step 7: Now duplicate and mirror your frame and add a blurred oval at the center to get rid of the outlines

Step 8: To add some detail, select 5 ovals at the top and apply a light inner shadow

Step 9: As a last step, just apply some drop shadow to the group to add some depth!

All set!

Are you trying out this technique? Make sure to share your result in the comments and tag @figma & @FonsMans to receive some feedback.

Bonus: Experiment with multi color gradients for some unexpected effects! ✨

Did you enjoy this tutorial thread?

👉 Follow @FonsMans & @figma for more.
🔁 Like/Retweet the first tweet below

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling