Community: Luis Ouriach

File structure best practice guide

Luis prepared a best practice guide on how to structure your frames in Figma.

Cropping images

Luis shows a few ways to crop images.

Happy Monday folks, here are a few ways to crop images easier in @figmadesign:

• Double click whilst holding Option (Mac) / Alt (Windows)
• Hold CMD (Mac) / Control (Windows) and drag the handles
• Use shapes and boolean operations

Happy croppin' ✂️ pic.twitter.com/Pex2IcerVF
— luis. (@disco_lu) July 12, 2021

Styler

Styler is a plugin for Figma that generates styles based on selected layers. See the “Batch create Figma styles“ video above for a quick demo from Figma Designer Advocate Luis.

Multiple prototype tabs in the desktop app

No need to use Chrome for comparing prototypes between pages anymore!

Hey, guess what?

You can now open multiple prototypes from different pages at the same time on the desktop app.

Get noodlin' 🍜 pic.twitter.com/3yB56vo1Sx
— luis. (@disco_lu) April 26, 2021

Figma tips: Building flexible components using the “slot” method

Designer Advocate Luis: “We often find ourselves creating lots of different variations of similar components, this can be tedious and difficult to maintain. Using a technique called “slots”, we can swap out components very easily from a single component.”

Figma for Marketers #1

Luis shows how to use Figma for creating a quick Instagram post.

I'm really happy to introduce a little something I've been working on, our @figmadesign for Marketers series.

We’ll start by creating a quick Instagram post 📷

Learn how to use:
• Plugins
• Shapes
• Colors
• Text

Get started with this file: https://t.co/bKvux7HxYp pic.twitter.com/mzD07nodgL
— luis. (@disco_lu) April 6, 2021

Issue #37
Apr 11, 2021
#Luis Ouriach

Why Interactive Components are important for design system teams

See how Interactive Components can dramatically reduce the number of connections you create.

Interactive components are here my friends.

Here's a quick run through of what they mean and also why it's important for design systems teams.

🍜

Sign up for the beta here: https://t.co/PYXoKapYVL pic.twitter.com/dZdqJ1fhDd
— luis. (@disco_lu) February 25, 2021

Figma Tips: Adding a glass effect to your designs

Luis shows how to create a cool glass effect using a Morph plugin.

Luis Ouriach — Design Advocate at Figma

An interview with Luis about working remotely and what it’s like to be a design advocate at Figma.

Issue #34
Feb 28, 2021
#Luis Ouriach

Use variants and icon instances with preserved colors

Great trick on using Union to preserve the color of icons.

Hottest #FigmaTip since sliced bread coming your way.

Here's a way to use variants AND icon instances with preserved colours 🤯 pic.twitter.com/iTNV664rQU
— luis. (@disco_lu) January 15, 2021

Horizontal and vertical scrolling presentation slides

Cool demo by Figma Designer Advocate Luis.

How about some horizontal *and* vertical scrolling presentation slides within @figmadesign?

With the scrollTo release last week, we can make some slick multi-axis transitions.

Here's my community file:https://t.co/c0P5xy12HE pic.twitter.com/KhXnN7Sexl
— luis. (@disco_lu) December 14, 2020

Luis Ouriach: Rearrange items with the little pink dot

Don’t miss a response from Nikolas Klein, showing how to resize objects while respecting the distance between them.

Little #figmatip to head into the weekend.

I only just found out that you can rearrange items with the little pink dot on your selected components / Frames / shapes.

🤯 pic.twitter.com/PGwIfVw04t
— luis. (@disco_lu) October 16, 2020

Luis Ouriach: Dark mode in Figma

Damn, that actually works surprisingly well in Chrome. Too bad it forces dark mode on all other websites as well.

Dark mode in @figmadesign?

Sure 🕴

––––––––––––––––––––––––

Jump into chrome://flags/ and search for Dark Mode.

You can thank @neversitdull for finding this beauty. pic.twitter.com/Fcl6lHKuhq
— luis. (@disco_lu) October 20, 2020

Issue #26
Nov 1, 2020
#Luis Ouriach

Excited about creating variants?

Luis shows how converting the whole GitHub Primer buttons library to variants took less than a minute.

Excited about today's @figmadesign announcement about creating variants with components?

Here's a video of me converting the @githubdesign Primer buttons library in under a minute.

👩🏼‍🎨 pic.twitter.com/nin9hFcpkj
— luis. (@disco_lu) September 17, 2020

#Luis Ouriach