Nitish Khagwal Profile picture
Oct 10, 2022 102 tweets 44 min read Read on X
100 @figma design tips
a mega thread 🧵 ...

Please retweet #FigmaTip Image
#FigmaTip 1/100 : Private Styles Image
#FigmaTip 2/100 : Private Components Image
#FigmaTip 3/100 : Move Published Components Image
#FigmaTip 4/100 : Move Published Styles Image
#FigmaTip 5/100 : Create Multiple Components Image
#FigmaTip 6/100 : Detach all Nested Instances Image
#FigmaTip 7/100 : Search with Component Tags Image
#FigmaTip 8/100 : Preserve Color Overrides Image
#FigmaTip 9/100 : Variants Switch Image
#FigmaTip 10/100 : Mapping Text Overrides Image
#FigmaTip 11/100 : Resync Text Layer Name Image
#FigmaTip 12/100 : Pin Objects with Constraints Image
#FigmaTip 13/100 : Fluid Grid with Constraints Image
#FigmaTip 14/100 : Ignore Constraints Image
#FigmaTip 15/100 : Pin Objects in Auto Layout Image
#FigmaTip 16/100 : Baseline Alignment in Auto Layout Image
#FigmaTip 17/100 : Setting Zero Width or Height Image
#FigmaTip 18/100 : Min-Width Auto Layout Frame Image
#FigmaTip 19/100 : Auto Layout Uniform Padding Image
#FigmaTip 20/100 : Auto Layout CSS Shorthand Image
#FigmaTip 21/100 : Adjust Individual Corner Radius Image
#FigmaTip 22/100 : Forced Inside Stroke Image
#FigmaTip 23/100 : Swap Fill and Stroke Image
#FigmaTip 24/100 : Styles Copy/Paste Image
#FigmaTip 25/100 : Individual Style Copy/Paste Image
#FigmaTip 26/100 : Set Default Properties/Styles Image
#FigmaTip 27/100 : Quick Opacity with Keyboard Shortcut Image
#FigmaTip 28/100 : Distribute Gradient Stops Image
#FigmaTip 29/100 : Copy Selection as PNG Image
#FigmaTip 30/100 : Paste as Fill Image
#FigmaTip 31/100 : Place Multiple Images Image
#FigmaTip 32/100 : Paste to Replace Image
#FigmaTip 33/100 : Separate Stroke and Fill Image
#FigmaTip 34/100 : Flatten Selection Image
#FigmaTip 35/100 : Round to Pixel Image
#FigmaTip 36/100 : Tidy Up Image
#FigmaTip 37/100 : Rounded Corners Text Image
#FigmaTip 38/100 : Text Auto Width/Height Image
#FigmaTip 39/100 : Text to Numbered List Image
#FigmaTip 40/100 : Text to Bulleted List Image
#FigmaTip 41/100 : Increase Font Size Image
#FigmaTip 42/100 : Decrease Font Size Image
#FigmaTip 43/100 : Add Links to Text Image
#FigmaTip 44/100 : Paste as Plain Text Image
#FigmaTip 45/100 : Increase Font Weight Image
#FigmaTip 46/100 : Decrease Font Weight Image
#FigmaTip 47/100 : Scale Proportionally Image
#FigmaTip 48/100 : Resize to Fit Image
#FigmaTip 49/100 : Frame Selection Image
#FigmaTip 50/100 : Clean up Frame, Auto Layout or Group Image
#FigmaTip 51/100 : Resize Width Image
#FigmaTip 52/100 : Resize Height Image
#FigmaTip 53/100 : Flip Horizontally Image
#FigmaTip 54/100 : Flip Vertically Image
#FigmaTip 55/100 : Math Operations Image
#FigmaTip 56/100 : Mixed Math Operations Image
#FigmaTip 57/100 : Percentage Values Image
#FigmaTip 58/100 : Increase Value in Multiples of X Image
#FigmaTip 59/100 : Customize Nudge Amount Image
#FigmaTip 60/100 : Scrub Field Image
#FigmaTip 61/100 : Big Nudge in Property Fields Image
#FigmaTip 62/100 : Quick Frame Rename Image
#FigmaTip 63/100 : Hexcode Shorthands Image
#FigmaTip 64/100 : x11 Color System Image
#FigmaTip 65/100 : Selection Colors Image
#FigmaTip 66/100 : Duplicate Objects Image
#FigmaTip 67/100 : Quick Crop Image
#FigmaTip 68/100 : Annotate on Canvas Image
#FigmaTip 69/100 : Select Parent Image
#FigmaTip 70/100 : Select Children Image
#FigmaTip 71/100 : Focus Layer Image
#FigmaTip 72/100 : Zoom to Frame Image
#FigmaTip 73/100 : Zoom to Fit Image
#FigmaTip 74/100 : Deep Select Image
#FigmaTip 75/100 : Hierarchy Menu Selection Image
#FigmaTip 76/100 : Neglect Nesting Image
#FigmaTip 77/100 : Preserve Nesting Image
#FigmaTip 78/100 : Collapse Layers Image
#FigmaTip 79/100 : Copy Frame Link Image
#FigmaTip 80/100 : Open File URL from Clipboard Image
#FigmaTip 81/100 : Hide Multiplayer Cursors Image
#FigmaTip 82/100 : Hide Comments Image
#FigmaTip 83/100 : Cursor Chat Image
#FigmaTip 84/100 : Contextual Comment Image
#FigmaTip 85/100 : Emoji Shorthand in Comments Image
#FigmaTip 86/100 : Measure Nested Objects's Distance Image
#FigmaTip 87/100 : Measure Object's Distance Image
#FigmaTip 88/100 : Frame Outlines Image
#FigmaTip 89/100 : Hide UI Image
#FigmaTip 90/100 : Toggle Design & Prototype Panels Image
#FigmaTip 91/100 : Realtime Color Preview on Selection Image
#FigmaTip 92/100 : Batch Rename Layers Image
#FigmaTip 93/100 : Import SVG Code Image
#FigmaTip 94/100 : Switch Tabs Image
#FigmaTip 95/100 : Resource Use Image
#FigmaTip 96/100 : Recover Out of Browser Memory Limit File Image
#FigmaTip 97/100 : Always Open Links in Desktop App Image
#FigmaTip 98/100 : Hide Help UI Image
#FigmaTip 99/100 : Consistent sRGB Color Space Image
#FigmaTip 100/100 : Quick New Figma File Image
Please retweet #FigmaTip to spread the word
Thank You 🙌

• • •

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

Keep Current with Nitish Khagwal

Nitish Khagwal 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 @nitishkmrk

May 16, 2023
What are Design Tokens?
a thread 1/18 🧵… Image
2/18: Starting with an analogy – If we have to label 3 differently sized coffee cups, we can either use ml quantities or abstract names like small, medium & large. Abstract names are more scalable, allowing easy quantity adjustments later. These abstract chunks are called tokens. Image
3/18: Design tokens store repetitive design decisions in a platform-agnostic way. Design tokens act as a single source of truth for the design system. A design decision refers to the choice that you makes from the available choices, like choosing a brand color. Image
Read 18 tweets
Oct 31, 2022
10 @figma must-know design system things
thread 🧵 ...
1/10 : Constraints – Use constraints to make your designs flexible & adaptable across different screen sizes
2/10 : Autolayout – Use Autolayout to make your design elements flexible to grow, shrink, and reflow as the content changes
Read 11 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!

:(