Rafa Garcés
@rafagarces.com
Senior Product Designer
Design systems and A11Y enthusiast
he/him/él
Website: rafagarces.com
Newsletter: hahahighlights.substack.com
Design systems and A11Y enthusiast
he/him/él
Website: rafagarces.com
Newsletter: hahahighlights.substack.com
Pinned
Rafa Garcés
@rafagarces.com
· Nov 16
Design tokens: From raw values to purpose
rafagarces.com
How we defined a flexible design token taxonomy:
Design tokens: From raw values to purpose:
rafagarces.com/projects/des...
Design tokens: From raw values to purpose:
rafagarces.com/projects/des...
Hostia, qué guay. ¿Y si rehago mi web por vez 500 en vez de dignarme a escribir y subir un case?
If you were looking for a nice editing experience for your @astro.build content, this might be what you need: astroeditor.danny.is
Astro Editor — Schema-Aware Markdown Editor for Astro Content Collections
Transform your Astro content workflow with schema-aware frontmatter forms. Reads your Zod schemas and creates intelligent editing interfaces for distraction-free writing.
astroeditor.danny.is
November 8, 2025 at 9:51 AM
Hostia, qué guay. ¿Y si rehago mi web por vez 500 en vez de dignarme a escribir y subir un case?
Reposted by Rafa Garcés
Design tokens: From raw values to purpos, by @rafagarces.com
An interesting article about the naming of design tokens.
rafagarces.com/projects/des...
An interesting article about the naming of design tokens.
rafagarces.com/projects/des...
April 16, 2025 at 4:20 PM
Design tokens: From raw values to purpos, by @rafagarces.com
An interesting article about the naming of design tokens.
rafagarces.com/projects/des...
An interesting article about the naming of design tokens.
rafagarces.com/projects/des...
Reposted by Rafa Garcés
Vibe coding: Haha fuck yeah!!! Yes!!
Vibe debugging: Well this fucking sucks. What the fuck.
Vibe debugging: Well this fucking sucks. What the fuck.
April 1, 2025 at 9:31 AM
Vibe coding: Haha fuck yeah!!! Yes!!
Vibe debugging: Well this fucking sucks. What the fuck.
Vibe debugging: Well this fucking sucks. What the fuck.
Reposted by Rafa Garcés
vibecodefixers.com
March 19, 2025 at 5:50 PM
Reposted by Rafa Garcés
This might be a good time to mention that I’m currently looking for interesting projects or companies to collaborate with. I’m an experienced Product Designer who can code, illustrate, and build the silliest side projects.
March 11, 2025 at 7:06 PM
This might be a good time to mention that I’m currently looking for interesting projects or companies to collaborate with. I’m an experienced Product Designer who can code, illustrate, and build the silliest side projects.
Reposted by Rafa Garcés
A friend of mine has built this web app that:
👉 automatically applies to relevant jobs
👉 customizes your resume for each one
👉 provides weekly resume insights
👉 curates targeted listings from multiple sources
If you're job hunting, give it a try and let us know what you think! 😊
app.jobbyo.ai
👉 automatically applies to relevant jobs
👉 customizes your resume for each one
👉 provides weekly resume insights
👉 curates targeted listings from multiple sources
If you're job hunting, give it a try and let us know what you think! 😊
app.jobbyo.ai
Jobbyo
Your number 1# platform for career decisions
app.jobbyo.ai
March 11, 2025 at 1:46 PM
A friend of mine has built this web app that:
👉 automatically applies to relevant jobs
👉 customizes your resume for each one
👉 provides weekly resume insights
👉 curates targeted listings from multiple sources
If you're job hunting, give it a try and let us know what you think! 😊
app.jobbyo.ai
👉 automatically applies to relevant jobs
👉 customizes your resume for each one
👉 provides weekly resume insights
👉 curates targeted listings from multiple sources
If you're job hunting, give it a try and let us know what you think! 😊
app.jobbyo.ai
🥲❤️🔥
Here's something special I've been working on lately: an experimental, collaborative publication that lives in your calendar.
It's called PoetiCal and submissions are open to everyone.
poetical.day
It's called PoetiCal and submissions are open to everyone.
poetical.day
PoetiCal
An experimental, collaborative publication that lives in your calendar
poetical.day
March 11, 2025 at 3:25 PM
🥲❤️🔥
S25W09 — How to create successful DS OKRs, the new YouTube's Red color, which color model should we use: HSL or HSV, and about a quick experiment I did.
S25W09
How to create successful DS OKRs, the new YouTube's Red color, which color model should we use: HSL or HSV, and about a quick experiment I did.
open.substack.com
March 2, 2025 at 10:35 AM
S25W09 — How to create successful DS OKRs, the new YouTube's Red color, which color model should we use: HSL or HSV, and about a quick experiment I did.
I did this test in 3 h to see how Cursor works.
Without knowing React or Typescript.
Conclusions:
1. Wow
2. Be prepared for tech bros who think that developers won't be needed
3. Excited to see products that make the most of LLMs
4. Fingers crossed for more environmentally conscious technology soon
Without knowing React or Typescript.
Conclusions:
1. Wow
2. Be prepared for tech bros who think that developers won't be needed
3. Excited to see products that make the most of LLMs
4. Fingers crossed for more environmentally conscious technology soon
Font Modifier
Font Modifier - Experiment with variable fonts
font-modifier.netlify.app
February 26, 2025 at 3:00 PM
I did this test in 3 h to see how Cursor works.
Without knowing React or Typescript.
Conclusions:
1. Wow
2. Be prepared for tech bros who think that developers won't be needed
3. Excited to see products that make the most of LLMs
4. Fingers crossed for more environmentally conscious technology soon
Without knowing React or Typescript.
Conclusions:
1. Wow
2. Be prepared for tech bros who think that developers won't be needed
3. Excited to see products that make the most of LLMs
4. Fingers crossed for more environmentally conscious technology soon
S25W08 — On the importance of creating decision trees for our DS, an LCH-based color tool to create luminosity-aligned and accessible color palettes, and why pretty UI won't get hired anymore.
S25W08
On the importance of creating decision trees for our DS, an LCH-based color tool to create luminosity-aligned and accessible color palettes, and why pretty UI won't get hired anymore.
open.substack.com
February 23, 2025 at 8:07 AM
S25W08 — On the importance of creating decision trees for our DS, an LCH-based color tool to create luminosity-aligned and accessible color palettes, and why pretty UI won't get hired anymore.
What a funny rabbit hole is this tool! I've been playing for 2 hours and it felt like 5 minutes.
February 22, 2025 at 6:11 PM
What a funny rabbit hole is this tool! I've been playing for 2 hours and it felt like 5 minutes.
He sido invitado a una proyección privada de Emilia Pérez.
Lugar: el salón de mi casa.
Lugar: el salón de mi casa.
February 17, 2025 at 6:19 PM
He sido invitado a una proyección privada de Emilia Pérez.
Lugar: el salón de mi casa.
Lugar: el salón de mi casa.
Reposted by Rafa Garcés
That @miriam.codes shared why being “in tech” in 2025 is depressing, and if we’re going to stick around, we need to remember why we’re here. This all resonates with me so much and I want to basically quote the whole article. Worth your time: www.miriamsuzanne.com/2025/02/12/t...
Tech continues to be political
And the politics aren't looking great
www.miriamsuzanne.com
February 16, 2025 at 5:06 PM
That @miriam.codes shared why being “in tech” in 2025 is depressing, and if we’re going to stick around, we need to remember why we’re here. This all resonates with me so much and I want to basically quote the whole article. Worth your time: www.miriamsuzanne.com/2025/02/12/t...
Reposted by Rafa Garcés
meses tarde pero por fin está aquí 🥣el masterpost de las cremas y sopas🥣 ✨colaborativo✨
masterpost de las cremas y sopas
Amigas, amigos, ya llegó.
open.substack.com
February 16, 2025 at 4:33 PM
meses tarde pero por fin está aquí 🥣el masterpost de las cremas y sopas🥣 ✨colaborativo✨
Reposted by Rafa Garcés
Small Signals, Big Impact: How Tiny Acts of Self-Care Can Transform Workplace Well-Being.
Small Signals, Big Impact: How Tiny Acts of Self-Care Can Transform Workplace Well-Being
Small, thoughtful ways to support each other at work can have a big impact. Normalizing simple signals—like Slack statuses or images—helps create a healthier, more mindful workplace.
dreamingecho.es
February 15, 2025 at 3:12 PM
Small Signals, Big Impact: How Tiny Acts of Self-Care Can Transform Workplace Well-Being.
Vaya drama esto de que en mi curro no logre dar con alguien que vea y/o quiera comentar La Isla de las Tentaciones.
February 15, 2025 at 10:54 AM
Vaya drama esto de que en mi curro no logre dar con alguien que vea y/o quiera comentar La Isla de las Tentaciones.
S2507 — How to redesign a complex navigation menu, what is a headless library, the blessing of remote work, and a reflection on the WCAG standards.
S25W07
How to redesign a complex navigation menu, what is a headless library, the blessing of remote work, and a reflection on the WCAG standards.
open.substack.com
February 14, 2025 at 11:22 AM
S2507 — How to redesign a complex navigation menu, what is a headless library, the blessing of remote work, and a reflection on the WCAG standards.
Reposted by Rafa Garcés
I love this technique of nesting in Figma components to provide simple but flexible components. What I am not sure is how to name the master component. Using the "_Component" seems to me a bit…tacky? 🤔
February 13, 2025 at 3:48 PM
I love this technique of nesting in Figma components to provide simple but flexible components. What I am not sure is how to name the master component. Using the "_Component" seems to me a bit…tacky? 🤔
A friend who works at Konami told me that they are working on two new characters for the new Street Fighter. One is: "The laziness of having to prepare a portfolio" and the other: "The boredom of everyday work-life." Is gonna be called: Street Fighter Alienation 🤷♂️
February 12, 2025 at 6:29 PM
A friend who works at Konami told me that they are working on two new characters for the new Street Fighter. One is: "The laziness of having to prepare a portfolio" and the other: "The boredom of everyday work-life." Is gonna be called: Street Fighter Alienation 🤷♂️
Reposted by Rafa Garcés
The Gap 🌟
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
February 9, 2025 at 7:50 PM
The Gap 🌟
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
Reposted by Rafa Garcés
Señor, dame paciencia. Menudos tiempos que se nos vienen encima (vamos, que los tenemos encima ya). Si no lo habéis leído, echadle un ojillo a "We increased conversion ~30% and we don't know exactly how", el último hot take de los de Basecamp...
brain.drmario.tech/pages/%E2%9C...
brain.drmario.tech/pages/%E2%9C...
February 9, 2025 at 7:33 AM
Señor, dame paciencia. Menudos tiempos que se nos vienen encima (vamos, que los tenemos encima ya). Si no lo habéis leído, echadle un ojillo a "We increased conversion ~30% and we don't know exactly how", el último hot take de los de Basecamp...
brain.drmario.tech/pages/%E2%9C...
brain.drmario.tech/pages/%E2%9C...
Reposted by Rafa Garcés
Oh dang this is super cool. WhoCanUse succinctly demonstrates how people with different types of colorblindness see different color choices: www.whocanuse.com
WhoCanUse
A tool that brings attention and understanding to how color contrast can affect people with different visual impairments.
www.whocanuse.com
February 7, 2025 at 8:50 PM
Oh dang this is super cool. WhoCanUse succinctly demonstrates how people with different types of colorblindness see different color choices: www.whocanuse.com