#Ridd

Interactive Components with Lottie files

Nice trick on using ​“after delay” animation in combination with a Lottie file to avoid an infinite animation loop and play it only once.

5 principles for using .base components the right way

Ridd discusses a few key principles for using base components: How often are you iterating on the component? How complex is it? Avoiding problems with Interactive Components. Pairing primitives with slots. Bringing in base components early on to speed up the process.

Slots for dummies

“Slots Components for Dummies” by Ridd, who is one of the biggest proponents of this approach. Great guide to one of Figma’s ultimate superpowers.

How to leverage slot components in Figma

A practical walkthrough by Ridd of how you can use slot components to build a scalable system in Figma that is efficient and flexible.

How to leverage slot components in Figma

7 goals for file organization

Ridd shares his approach to organizing files in Figma.

Automating all the things

Ridd shows how he automated a repetitive part of his workflow with Automator.

Using Interactive Components as the first step in the process

Ridd shows an unconventional approach of using Interactive Components from the very beginning of the design process. Also, love his tip on using a second Figma window for the real-size preview!

Building Form Components

Ridd with a step-by-step walkthrough to help you design form components that scale without drowning yourself in variants.

Building Form Components

10 keys to nailing responsive design

Ridd shares great tips on how to make your designs more developer-friendly.

“Slot” components

Ridd shows how to use ​“slots”, placeholder components that are part of larger organisms or templates. They are intentionally empty so that they can be replaced with a local component.

Building a form component

Ridd shares a detailed guide to building a customizable and flexible form component.

Use an IconWrapper to nest icons in your components

A smart way to resize icons without having to detach components, hide layers, or add variants.

Behind-the-scenes look at building a design system

Ridd shows his process for creating responsive and customizable templates.

Figma Community “magazine” concept

Ridd shares an idea of what a collaborative magazine made by a Figma community can look like.

Building a menu with nested components

Ridd shows how to build a menu component from multiple nested components.

Right and wrong ways to use Variants

Good thread by Ridd on creating variants from a single base component.

Features

Topics

Design Tools

Figmalion

Issues:
193
Links:
3,553