Fons Mans Profile picture
Apr 7, 2023 12 tweets 5 min read Read on X
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 Image
Step 1: Add a new oval and give it a color fill of your choice Image
Step 2: Change the fill mode to “Angular” and distribute the stops like this: Image
Step 3: Duplicate and mirror the ovals as shown below, with the “light stroke” pointing inward Image
Step 4: Duplicate the 4 ovals and rotate them as shown below Image
Step 5: Now it’s time to re-order the layers so we get a layered effect! Image
Step 6: Select all ovals, frame the selection and reduce the frame height by 50% (make sure to toggle “clip content”) Image
Step 7: Now duplicate and mirror your frame and add a blurred oval at the center to get rid of the outlines Image
Step 8: To add some detail, select 5 ovals at the top and apply a light inner shadow Image
Step 9: As a last step, just apply some drop shadow to the group to add some depth! Image
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! ✨ Image
Did you enjoy this tutorial thread?

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

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Fons Mans

Fons Mans Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @FonsMans

Apr 30, 2023
Level up your @figma visual design skills! ✨
10 of my most popular tutorials, in one thread 👇 Image
Read 12 tweets
Apr 28, 2023
Tutorial Thread ✨

Learn how to create a glowing glass effect with @figma, in just a few easy steps — no plugins needed!

Ready? Let’s dive in 👇

#sponsored Image
Step 1

Add your type, logo or icon on a dark background. Image
Step 2

Add some colored elements behind your main object. Feel free to use gradients, multiple colors and fun illustrations here! Image
Read 11 tweets
Jan 17, 2023
New Tutorial! ✨

Learn how to create "@linear gradients" with @figma in just a few easy steps.

Let's get started 👇
Step 1

Create a new artboard and make sure to apply a dark fill to it
Step 2

Add a rectangle to your artboard and add a solid fill
Read 13 tweets
Nov 15, 2022
Today I'm launching the 10x Design Community!
A new place to learn & grow together ✨

Get access to:
- Tutorials
- Workshops
- Slack Group
- Design Crits
- Newsletters
- Guest Livestreams
- 1:1 Mentoring
- Job Opportunities

Sign up here: getrevue.co/profile/fonsma…

Learn more 👇 A grid overview of the 10x ...
Over the last few months I've received countless requests for tips, tutorials and workshops on my work.

10x Designers is the place where I’m going to share my learnings and frameworks, while connecting you to other designers who are on the same journey.
So what's a 10x Designer?

To me, 10x Designers are designers who have mastery over Product, Brand, and graphic design. Making them forces to be reckoned with! 💪
Read 9 tweets
Oct 1, 2022
I asked thousands of typography lovers which rounded fonts they recommend and the amount of suggestions I got was insane!

So I've made selection of 10 rounded fonts I absolutely love. Find them below👇
1. Pangram Sans Rounded

pangrampangram.com/products/pangr…
Read 13 tweets
Sep 15, 2022
Maybe this acquisition will bring some much needed change/improvements to the Adobe product ecosystem.
I started my design journey with Adobe's products, but I feel like they didn't grew along with the needs of the design community.
Too many products, way too much features.
Tools like @sketch and @figma showed us that we don't need 1000's of features to create something useful & beautiful.
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(