Instagram story viewer> @uinkits> Posts

Uinkits - Figma Design System & UI Kits

@uinkits

2.2K

followers

146

following

Design without limits - 23,000+ Figma UI components for mobile, web, and dashboard design.

POSTS STORIES REELS TAGGED

Download All

Want better-looking shadows in Figma without spending ages tweaking them? 👀

This plugin makes it super easy.

✨ Open Figma Plugins
✨ Search for Beautiful Shadows
✨ Choose between Drop Shadow or Inner Shadow
✨ Adjust the settings to your liking
✨ And you’re done!

It’s one of those small Figma tricks that can make your designs look instantly more polished.

Have you tried this plugin before? 👇

#uiuxdesign #uiuxdesigner #uiux #figmadesign #uiuxdesignerlife taken in New York, New York by @uinkits

6

1

7 days ago

Sometimes, the simplest UI patterns are the ones doing the most work.

Take the accordion. At first glance, it’s just a way to hide and reveal content. But when used thoughtfully, it can help organize information, reduce visual clutter, and make a page much easier to navigate.

🧠 What goes into a good accordion?

→ Hierarchy — Clear type, spacing, and contrast help users understand what they’re looking at.

→ Feedback — Subtle animations and microinteractions make each interaction feel clear and responsive.

→ Accessibility — Keyboard navigation, visible focus states, and proper ARIA roles are essential.

→ Context — Not everything should be hidden. Accordions work best when they simplify the experience without making important information harder to find.

💬 Why are they still so useful?

Because they give users control over how much information they see at once. They create structure without overwhelming the interface and make it easier to explore content at your own pace.

Good UI isn’t always about adding more. Sometimes, it’s about revealing the right information at the right moment.

#UIDesign #UXDesign #DesignSystems #WebDesign #UXTips taken in New York, New York by @uinkits

4

1

21 days ago

Great UI/UX design doesn’t happen in one perfect first attempt. It comes from exploring ideas, testing different directions, making mistakes, and learning what’s worth keeping. 🚀

As Scott Adams said, “Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.” 💡

So don’t be afraid to experiment. Sometimes, the best design decisions come from the unexpected parts of the process. ✨

#uiuxdesign #creativity #uidesign #creativedesign taken in New York, New York by @uinkits

2

0

a month ago

Want to give your web design that extra ✨something✨?

Here’s a simple way to create a smooth web animation directly in Figma 🚀

All you need to do is:

• Prepare your design assets
• Create rectangles for the animation effect
• Layer your frames
• Build your hero section
• Place the frame on your screen
• Duplicate and adjust the frames for the animation
• Connect everything in Prototype

And just like that, you’ve got a dynamic web animation ready to bring your design to life. 🔥

Save this Reel and give it a try on your next Figma project!

#FigmaDesign #WebDesign #UIDesign #UXDesign #FigmaTutorial taken in New York, New York by @uinkits

1

1

a month ago

Great UI isn’t about adding more. It’s about knowing what to leave out. ✨

Airbnb has become one of the best examples of clean, intuitive interface design. Every screen feels simple, yet every element has a purpose.

Here’s what you can learn from its design approach:

✔️ Keep layouts clean and easy to scan.
✔️ Use whitespace to improve readability.
✔️ Create a clear visual hierarchy that guides users naturally.
✔️ Prioritize mobile experiences from the very beginning.
✔️ Design interfaces that inspire confidence and make navigation effortless.

The best products don’t just look good. They make every interaction feel natural.

Take inspiration from Airbnb’s design principles and use them to create experiences your users will enjoy. 🚀

#uidesign #uxdesign #uiux #designinspiration #productdesign taken in New York, New York by @uinkits

10

1

2 months ago

Good data deserves great design. 📊

A well-designed chart does more than display numbers. It helps users understand information faster, spot patterns, and make better decisions.

Here are some of the most common chart types every UI/UX designer should know:

📌 Pie Chart – Great for showing how individual parts contribute to a whole.

📌 Donut Chart – A modern alternative to the pie chart that also leaves space for key metrics in the center.

📌 Bar Chart – Perfect for comparing values across different categories.

📌 Line Chart – The go-to choice for visualizing trends over time.

📌 Area Chart – Highlights changes over time while emphasizing volume or magnitude.

📌 Radar Chart – Useful for comparing multiple variables across different categories.

📌 Radial Chart – A clean way to display progress, percentages, or completion.

The right visualization can make complex data feel simple. Choose the chart that tells your story best. 🚀

#uiux #uidesign #uxdesign #datavisualization #dashboarddesign by @uinkits

6

0

2 months ago

Every great interface starts with an idea that evolves. 💡

The best UI/UX designs aren’t created in a single attempt. They’re shaped through testing, feedback, and plenty of iterations.

As Scott Adams said:
“Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.” 🚀

Trust the process. Sometimes your best solution comes from an unexpected mistake.

#uiuxdesign #userexperience #uidesign #designprocess #creativeprocess taken in New York, New York by @uinkits

3

0

3 months ago

🚀 Create a smooth search bar animation in Figma with just a few simple steps.

Here’s the process:

• Start with your text and icon elements
• Add Auto Layout to each component
• Adjust your frames and spacing
• Apply Auto Layout to your main frame
• Duplicate the frame and resize it to create the animation effect
• Switch to Prototype mode
• Connect your frames and test the interaction

And that’s it! ✨

You now have a clean, interactive search bar animation ready for your mobile or web designs.

Small interactions like this can make your interfaces feel more dynamic and engaging.

What Figma animation should we break down next? 👀

#Figma #UIDesign #UXDesign #DesignTips #FigmaTips taken in New York, New York by @uinkits

3

0

3 months ago

Want to create smooth progressive blur effects in Figma? ✨

Here’s a plugin that’s definitely worth trying:

• Open Plugins and search for Progressive Blur
• Adjust your layer blur
• Set the background blur
• Click Generate Blur
• Apply the generated effects to your elements
• Build clean, modern blurred UI components in seconds

It’s a simple workflow that can make your designs look much more polished.

Have you tried the Progressive Blur plugin yet? 👀

#figma #figmahack #uiuxdesign #uiuxfigma #uidesign taken in New York, New York by @uinkits

8

0

3 months ago

5

1

3 months ago

Want to design UI that feels as structured and intuitive as @ikea ? 🚀

IKEA is a masterclass in clarity — everything is purposeful, functional, and easy to understand at a glance. Nothing is there “just because.”

If you’re building modern interfaces, here are a few takeaways worth stealing 👇

→ Strong visual hierarchy that guides the eye
→ Clean, highly readable typography
→ Thoughtful spacing that creates breathing room
→ Minimal but effective use of color
→ Trust-driven eCommerce and product layout principles

These are especially useful for Figma designers, UI/UX creators, and anyone working on landing pages, design systems, or online stores. 🔥

Good design isn’t about adding more — it’s about making everything make sense.

#uiuxdesign #designinspiration #uxui #designsystem #figma taken in New York, New York by @uinkits

4

0

3 months ago

📱 Make your mobile prototypes feel more interactive with smooth swipe animations in Figma.

In this quick tutorial, you’ll learn how to create a swipe-to-action animation using Smart Animate and simple prototype connections.

Steps covered:
✅ Create your mobile frame
✅ Design the swipe track and button
✅ Add rounded corners and labels
✅ Duplicate frames to create movement states
✅ Adjust the swipe progress visually
✅ Connect everything with Smart Animate in Prototype mode

These animations are perfect for onboarding screens, sliders, carousels, and gesture-based mobile interactions.

Save this tutorial for your next UI/UX project and follow for more Figma tips and design inspiration.

#uiux #figma #figmatutorial #figmadesign #figmatips taken in New York, New York by @uinkits

2

0

4 months ago