#Luis Ouriach

Design system structure guide

Luis Ouriach walks through updates to the design system structure recommended by Figma Advocates.

Infinite tables

Luis shows a neat trick on how to create an ​“infinite table” using component properties, where we can toggle on however many columns or rows we need in designs.

In the file – Democratising the design process

Figma Designer Advocate Luis Ouriach talks to designers from Automattic about improving collaboration through inclusive workshops and processes.

In the file - Democratising the design process

Guide: Layer naming conventions

Luis explores a few approaches to layer naming based on a level of fidelity, team conventions, and who is responsible for this work.

Batch create styles

Luis shows how to create styles at rocket speed using batch renaming and the Styler plugin.

Batch create styles

Design systems panel discussion

“Figma’s Designer Advocate Luis Ouriach has been collecting your questions in chat and online. He’ll dig in with our speakers to tackle design systems questions big and small.”

Design systems panel discussion (Schema 2021)

In the file – A masterclass in organization with Dataguard

Luis talks to Santosh Komaragiri from Dataguard, who showed how they manage their Figma workspace. Their team has built some incredibly detailed product, marketing, and brand design systems which shows how you can take Figma to new levels of usage.

In the file – A masterclass in organization with

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.

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!

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.”
Building flexible components using the "slot"

Figma for Marketers #1

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

Why Interactive Components are important for design system teams

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

Figma Tips: Adding a glass effect to your designs

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

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.

Use variants and icon instances with preserved colors

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

Horizontal and vertical scrolling presentation slides

Cool demo by Figma Designer Advocate Luis.

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.

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.

Features

Topics

Products

Design Tools

Figmalion

Issues:
222
Links:
3,960