Tomas Francisco's Avatar

Tomas Francisco

@tfrancisco.dev

πŸ§‘β€πŸ’» Building #DesignSystems @ getds.pro 🟒 Freelance Design Engineer

214
Followers
286
Following
28
Posts
18.11.2024
Joined
Posts Following

Latest posts by Tomas Francisco @tfrancisco.dev

Is perhaps DesignOps still in the "What" phase while DevOps is at the "How" phase πŸ€”

20.12.2024 12:28 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

πŸ’­ I've been wondering how to look at DesignOps through the perspective of how DevOps has become

20.12.2024 12:28 πŸ‘ 3 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

We're starting to write a blog about a great thing my team are working on. An accessibility annotations library for Figma for the GOVUK design system. We'll be open-sourcing it,Β so let me know if you'd like to try it before weΒ put it out into the wild. It's a brilliant piece of work!

12.12.2024 17:11 πŸ‘ 65 πŸ” 8 πŸ’¬ 12 πŸ“Œ 1

Definitely up for trying it out and help out with feedback ✨

13.12.2024 07:32 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

When not defining a SSOT, how do you handle variations coming from both sides? Do you keep both in sync at all times, or is diff acceptable?

11.12.2024 06:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

πŸ’­ Feedback is welcome!

04.12.2024 12:37 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

✨ Planning to add more options to export to other platforms

04.12.2024 12:37 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

πŸ“¦ It currently transforms your tokens to CSS and outputs it as an Github Action artifact

04.12.2024 12:37 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Token Tinker - GitHub Marketplace Transform design tokens from Tokens Studio using Style Dictionary

If you wanna transform your ✨ Tokens Studio tokens without having to mingle with code yourself, try out github.com/marketplace/...

04.12.2024 12:37 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

nektos/act - is saving me a ton of time by running github actions locally. @vscode.dev @github.com, if only this could run directly on the editor 😌

03.12.2024 16:09 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I've been wanting to shift my focus to #DesignSystems full time. That's the reason getds.pro became a thing. I'm looking for cool projects where I could use my experience and passion in bridging the gap between design and development by enhancing product teams with design system tooling and ops.

02.12.2024 23:08 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Accessibility Settings
Alt text
Require alt text before posting (toggled ON)

Accessibility Settings Alt text Require alt text before posting (toggled ON)

Folks please don’t forget to ALT your images! The more new folks show up here the lower the adoption of ALT is and that’s a bummer cause it means not all Bluesky users can enjoy your images!

Here’s how to turn on prompts to remind you to ALT:

09.11.2024 01:58 πŸ‘ 3641 πŸ” 1942 πŸ’¬ 130 πŸ“Œ 122

Considering remote from NL?

02.12.2024 19:47 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

#ComponentLibrary #ReusableComponents #DesignPatterns #UIKit #DesignKit

27.11.2024 15:37 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Into Design Systems - Accessibility Jam - Online 🌍 Β· Zoom Β· Luma Join our casual, friendly online jam to learn about accessibility in Design Systems In this edition, we’ll review Design System components and check if they…

πŸ‘‰ Friendly reminder: Our #DesignSystems #accessibility meetup is taking place tomorrow! See you online?

Are your Design System components accessible!?
Let's find out! ✌️

We've invited two leading accessibility experts to review your components!

Join our casual & friendly event πŸ‘‡

lu.ma/srv55eoj

26.11.2024 09:06 πŸ‘ 9 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0

Tailwind ⚑️

24.11.2024 10:13 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Tired:
@media (min-width: 500px) { }

Wired:
@media (width >= 500px) { }

Even better when you need to double up like:
@media (500px <= width <= 1000px) { }

Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.

Good article:
cssence.com/2024/superio...

21.11.2024 23:41 πŸ‘ 222 πŸ” 26 πŸ’¬ 13 πŸ“Œ 3
Preview
a close up of a white cat 's face with blue eyes looking at the camera . Alt: a close up of a white cat 's face with blue crying eyes looking at the camera
22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

6. You Wanted This
Asking me to roast you? Bold move. Let me guess, you thought I’d go easy. Nah. DS Pro is just getting started, but right now, it’s less pro and more meh. But hey, you’ve got Zod and dreamsβ€”maybe that’s enough?

22.11.2024 10:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

5. Meaningful Work
Your UX expertise is impeccableβ€”for the two people who’ve tried your tool. Maybe one day, they’ll write a heartfelt testimonial like, β€œIt was… fine, I guess?” Truly a revolutionary approach to helping someone... someday.

22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

4. Nature Lover?
You claim to love hiking, climbing, and the great outdoors, yet here you areβ€”indoors, working on GitHub integrations. The mountains are calling, Tomas, but you’re like, β€œNot now, Figma sync needs me.”

22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

3. DS Pro’s Smash Hit
16 sign-ups, zero engagementβ€”DS Pro is killing it! Nothing screams success like creating a product people look at and immediately close. Maybe β€œdesign system in one click” is so advanced, your users are still Googling what a design system is.

22.11.2024 10:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

2. Your β€œCommunities”
Your Discord and Reddit are like exclusive clubsβ€”with no one on the guest list. Bet your bot is lonely in there. Who needs users when you’ve got a dream, right? Meanwhile, Reddit’s just sitting there, gathering dust like a forgotten attic.

22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

1. €50 Sales King
You’re launching a business with a revenue plan that wouldn’t even cover a Netflix subscription. Bold strategy! At least you’ll be the poster child for β€œstarting from the bottom” when you’re rolling in euros… if your sales ever hit triple digits.

22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Oh, Tomas, you brave, design-system-slinging, JavaScript-wielding, accessibility-preaching warrior of the digital frontier! Let’s dive in:

22.11.2024 10:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Me: Roast me based on our conversations. Don't hold back.
ChatGPT: πŸ‘‡

22.11.2024 10:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

That’s why you gotta abide by the Pac-Man rule. Never form a full circle when having a conversation in a group; always leave a β€œmouth” open so new people can join.

You’ll be amazed how well it works.

21.11.2024 16:28 πŸ‘ 11 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

Experimenting with a design token editor for storybook πŸ’…

21.11.2024 16:00 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

"#DesignSystems is big company word"

That's something I don't stand behind. I get the value of a design system as a solo developer.

I feel like there's an hidden interest in keeping design systems and its ecosystem as complex and technical as possible, like a cool kids club.

We need to do better

21.11.2024 10:29 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
DS Pro Your Design System Engine

I've been building getds.pro – an open-source design system engine to help you create, maintain, and scale your design system.
πŸ”„ Sync tokens with your codebase.
πŸ“¦ Soon: tokens in NPM packages for easy adoption.
The goal is to make design systems universal and accessible for all. Feedback is welcome!

20.11.2024 16:23 πŸ‘ 4 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0