Stefan Profile picture
Dec 3 9 tweets 3 min read
UI/UX design tips:

How to design amazing credit cards in Figma.

(Source: UI.sergio IG) #UIUXDesigner #uiux Image
Step 1 : Create a transparent frame Image
Step 2: Add a cool mesh gradient. Image
Step3: Add an inner stroke Image
Step 4: Add the key elements Image
Step 5: Open Easometric plugin in figma. Image
Step 6: Try different backgrounds Image
Step 7: Add drop Shadow Image
Step 8: Add your own magic Image

• • •

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

Keep Current with Stefan

Stefan 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 @creativestefan

Dec 2
UI/UX design tips:

05 More amazing websites for web design inspiration

#uiux #uiuxdesign
1) Commerce cream - a great resource for eccomerce design inspiration
commercecream.com
2) Sites inspire - a showcase of the finest web and interactive design siteinspire.com
Read 6 tweets
Nov 29
UI/UX design tips:

Super useful free figma widgets. These widgets can be used on figjam as well.

(Source: midtone.UX on IG) #uiux
Random Hues - Explore millions of random colour pallets for your next project.
Navigate - An easier way to guide people through your board with great-looking navigation buttons and smooth annotation.
Read 7 tweets
Nov 28
UI/UX design tips:

How to design for dark mode. Improve your UI with these Do's & Do not's.

(Source: UI.sergio & pixselacdemy on IG) #uiuxdesign
Do not use the same shadow you used for light mode. Use black for the shadows.
Provide a toggle switch for users to switch between the modes.
Read 7 tweets
Nov 24
UI/UX design tips:

06 fantastic & helpful figma plugins.

(Source: UI.martin on IG)
1) Styler - manage multiple styles at the same time by modifying properties of a given layer.
2) Downsize - To reduce image size. compresses the weight of images to speed up their loading time.
Read 8 tweets
Nov 22
UI/UX design tips :

Different drop-down styles.

(Source: instagram.com/p/Ck61v1mI4mA/…) Image
What is a dropdown? Image
Common dropdown style Image
Read 7 tweets
Nov 16
UI/UX design tips:

7 cool websites to generate patterns.

(Source: Wahab) instagram.com/p/CkvbAIOPVS7/…
Hero patterns - heropatterns.com
Read 8 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 on Twitter!

:(