Master Figma Screen Design with Expert Component Techniques

Master Figma Screen Design with Expert Component TechniquesMaster Figma Screen Design with Expert Component Techniques

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Alexander Thomas

max

• 1d

Even when designing a single screen in Figma, I can’t help but build with components. It doesn’t need to be perfect, but it creates a solid foundation.

ui mobile app UI Design UX Design Visual Design Figma

Ralph Jones | Novatur Design

max

• 4h

What did you use to record this Alexander?

Ralph Jones | Novatur Design

max

• Mar 16

Figma just dropped Slots, and this is a semi-big deal.

If you've ever detached a component just to customise it, you know the pain. Lost link to the main component. No upstream updates. Design system slowly fractures.

Slots fixes this. Flexible zones inside components where you can add, remove, and rearrange content without detaching.

It means less components inside components inside components inside components...

→ Cards and modals with varying content → Nav menus with different item counts → Anything you've been creating 15 variants for

This also mirrors how components actually work in code. Engineers build with slots natively. Designers have been faking it. That gap just got smaller.

Rolling out in open beta now.

Product Design UX Design Figma

Stephanie Asoegwu

pro

• Mar 16

Slots is such a game-changer! No more painful detaches just to swap content. Design systems are about to get so much cleaner.

Jan Mráz

pro

• Mar 15

3 Figma hacks to design 10x faster, part 11 🚀

Figma uidesign ux UI Design UX Design

Dario⚡️ Ferrando

max

• Mar 16

A bit of a throwback to a project from last year! I had a great time designing a full Airbnb-like booking experience for Pension, and was able to add to it a lot of nice scenery-based illustrations!