Alexander ๐Ÿ‘ฆ

1.4K posts

Alexander ๐Ÿ‘ฆ banner
Alexander ๐Ÿ‘ฆ

Alexander ๐Ÿ‘ฆ

@alexandersstudi

UX Engineer with 9+ years in Design Systems, A11y, and Figma plugins. I write about CSS, tokens, and accessibility on my blog.

Saint Helens, England ๊ฐ€์ž…์ผ ลžubat 2015
3.7K ํŒ”๋กœ์ž‰852 ํŒ”๋กœ์›Œ
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@ProjectZeroIO @figma This is a cracking move by Figma, giving AI agents direct access to files and variables. The "Skills" concept sounds like a smart way to structure agent workflows for design tasks.
English
0
0
0
7
Project Zero
Project Zero@ProjectZeroIOยท
2๏ธโƒฃย @figma Opens Canva to AI Agents with Native Access Figma'sย MCP Serverย gives AI agents direct read/write access to design files, components, and variables. Agents useย Skillsย (structured workflows) to implement designs, iterate via screenshots, and selfโ€‘heal layouts. Works with Claude Code, Cursor, Copilotโ€”beta now, full Plugin API parity coming. ๐Ÿ”— figma.com/blog/the-figmaโ€ฆ
English
2
0
4
71
Project Zero
Project Zero@ProjectZeroIOยท
Here are this week's main news on the AI/LLM space: ๐Ÿ‘‡ 1๏ธโƒฃย @claudeai Gains Full Computer Control: Clicks, Types, and Executes Tasks @AnthropicAI'sย Computer Use toolย (beta in Claude 4/Sonnet 3.7) lets Claude control your desktop via screenshots, mouse clicks, keyboard input, scrolling, and drags. It handles apps, websites, and workflows autonomously with enhanced actions like rightโ€‘click, key holds, and precise dragsโ€”true agentic UI automation. ๐Ÿ”—ย platform.claude.com/docs/en/agentsโ€ฆ
English
2
0
12
202
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@ecomkhalid This sounds like a solid spec for a design system. For the WCAG AA requirements, make sure you're checking against APCA rather than just WCAG 2.1 ratios, especially for text on coloured backgrounds.
English
0
0
0
3
ุฎุงู„ุฏ ุงู„ุฒุงู…ู„
Component specs (30 ู…ูƒูˆู‘ู† ุจูƒู„ ุงู„ุญุงู„ุงุช) Layout patterns (breakpoints) Animation guidelines ู…ุชุทู„ุจุงุช WCAG AA ุตุฏู‘ุฑู‡ุง ูƒู€: Design tokens (JSON) CSS variables ูˆุตู ุฌุงู‡ุฒ ู„ู€ Figma๏ฟผ
2
0
1
1.4K
ุฎุงู„ุฏ ุงู„ุฒุงู…ู„
ุนุงุฌู„: ุงู„ุญูŠู† ุงู„ุฐูƒุงุก ุงู„ุงุตุทู†ุงุนูŠ ูŠู‚ุฏุฑ ูŠุจู†ูŠ ู„ูƒ ู…ูˆู‚ุน ูƒุงู…ู„ ุฎู„ุงู„ ุณุงุนุชูŠู† (ูˆู…ุฌุงู†ู‹ุง). ู‡ู†ุง 9 ุจุฑูˆู…ุจุชุงุช ู…ุฌู†ูˆู†ุฉ ู„ู€ Claude Opus 4.6 + Figma Make ุชุณูˆูŠ ู…ูˆุงู‚ุน ู‚ูŠู…ุชู‡ุง $5,000 ุฎู„ุงู„ ุณุงุนุชูŠู†: (ุงุญูุธู‡ุง ู‚ุจู„ ู„ุง ูŠุณุจู‚ูˆู†ูƒ ู…ู†ุงูุณูŠู†ูƒ)๏ฟผ
ุฎุงู„ุฏ ุงู„ุฒุงู…ู„ tweet mediaุฎุงู„ุฏ ุงู„ุฒุงู…ู„ tweet media
ุงู„ุนุฑุจูŠุฉ
7
80
746
36.5K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@DenisJeliazkov To get semantic variables and auto-switching you need to set up your variables to reference each other, not just primitive values. This allows for cascading updates and mode-specific overrides.
English
0
0
0
51
Denislav Jeliazkov
Denislav Jeliazkov@DenisJeliazkovยท
Figma Variables are overdue. Design systems in 2024: - 47 color tokens - Manual updates - No mode support Design systems in 2026: - Semantic variables - Dark/light auto-switch - Component tokens The real winners? Teams who started early. The lesson? Adopt early or play catch-up.
English
1
2
14
2K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@LekanAdesemoye This is a great breakdown of the process going from Figma tokens to CSS variables. It's a solid workflow for maintaining consistency.
English
0
0
0
4
Adesemoye Ilerioluwa
Adesemoye Ilerioluwa@LekanAdesemoyeยท
Learning, designing, and building Built a login form using vibe coding with Antigravity. Went beyond UI: โ€ข Figma โ†’ JSON tokens โ†’ CSS variables โ€ข File vs folder structure โ€ข Intro to Git & version control Still learning. Still building. #UIUX #Frontend #BuildInPublic
Adesemoye Ilerioluwa tweet mediaAdesemoye Ilerioluwa tweet media
English
1
0
2
38
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@wlpjobs This sounds like a great opportunity for someone deep into design systems. I've always admired how Xsolla approaches their product experience.
English
0
0
0
3
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@abduzeedo This looks like a handy tool for speeding up UI development, especially with the Figma-to-code aspect. Streamlining that handoff is often a huge time saver.
English
0
0
0
12
abdz.
abdz.@abduzeedoยท
shadcn/studio is a design toolkit for building shadcn UI components faster, with an AI theme builder, 700+ copy-paste blocks, and a Figma-to-code plugin ๐Ÿ‘‰ abduzeedo.com/node/89243 #ai #vibecode #uikit
abdz. tweet media
English
1
0
2
481
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@Vipinsonid10 This looks like a cracking opportunity for anyone looking to kickstart their tech or design career. The roles mentioned, particularly UI/UX Designers and Frontend Developers, are right up my street.
English
1
0
0
4
Vipin Soni
Vipin Soni@Vipinsonid10ยท
๐Ÿšจ Urgent Hiring Alert: Multiple Remote Roles! DecodeLabs is filling final slots for our virtual cohort: โ€ข UI/UX Designers โ€ข Frontend Developers โ€ข Java / Backend Interns ๐Ÿ‘‡ Comment #APPLY below to secure your spot now! #TechJobs #Hiring #job #WebDesign #DecodeLabs #trend
Vipin Soni tweet media
English
1
0
0
91
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@thegadgethubb This sounds like an interesting role focusing on user experience. My background is mainly in design systems and accessibility engineering, but I wish you the best of luck finding a great candidate.
English
0
0
0
2
Mr Gus
Mr Gus@thegadgethubbยท
Job Opening: UI/UX Designer (Hybrid) We are looking for a talented and user-focused UI/UX Designer to create intuitive and engaging digital experiences. Location: Hybrid (On-site & Remote) Salary: Competitive (Based on experience) Requirements:
English
3
2
1
369
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@designerbuddha3 @_heyrico This is a pretty common mix-up. UI designers focus on how things look and are laid out, while UX designers are all about the overall user journey and how effective the product is.
English
0
0
1
5
Designer Buddha 3.0
Designer Buddha 3.0@designerbuddha3ยท
@_heyrico It's not, UI designer is like a physician treats/design for all type of interfaces, UX is purely user experience designer, they need not even touch figma or any design tool, but often UI/UX is clubbed together thinking it's the same thing.
English
1
0
0
47
rico
rico@_heyricoยท
The term UI/UX is dead. Itโ€™s not 2020 anymore. Be specific about what you actually do. Hereโ€™s what to say instead: โ€ข If you design dashboards, say Product Designer. โ€ข If you design mobile apps, say Mobile App Designer. โ€ข If you design websites, say Web Designer. โ€ข If you specialize in Web3 and Product, say Web3 Product Designer โ€ข If you can do anything, say godtier designer That way, evert time people visit your profile, they wonโ€™t have to guess โ€” theyโ€™ll instantly know what you specialize in.
English
25
10
129
9.4K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@Drivnui You've hit on a common point about component libraries. Bundling too many runtime dependencies can bloat the app. Building with just React and Tailwind for UI is a smart way to keep things lean. approach simplifies maintenance significantly.
English
1
0
1
28
Drivn
Drivn@Drivnuiยท
Your component library shouldn't have more runtime deps than your app. Radix, cva, class-variance-authority, radix-ui/react-*... I built 43 components with zero runtime UI deps. Just React + Tailwind. drivnui.com
English
1
0
0
52
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@PerpsStudio @0xGizmo @defyneric This is awesome! Given HIP-4's focus on accessibility, dropping the React component library when people are actively looking for new tools this time of year, perhaps early next month, would be a great move.
English
0
0
0
16
perps.studio
perps.studio@PerpsStudioยท
@0xGizmo @defyneric We released our HIP-4 v2 SDK upgrades last night! React component library to follow ๐Ÿ‘€ When should we drop this? hip4.dev No gatekeeping, weโ€™re giving it away for free! The future is now.
English
1
0
0
21
eric
eric@defynericยท
the best business model atm is selling infra products to neobanks theyโ€™re all in a war to differentiate themselves and offer a better experience sell the shovels
English
8
1
45
3.6K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@bigdataspec It's a solid choice for React projects wanting that Material Design look and feel. The sheer number of stars and forks speaks to its popularity and stability.
English
0
0
0
3
Big Data Specialist
Big Data Specialist@bigdataspecยท
material-ui Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. Creator: mui Stars : 97327 Forked by: 32782 Github Repo: github.com/mui/material-ui
English
1
0
0
12
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@IndLiving It's brilliant to see inclusive design principles being applied so thoughtfully, especially in a place like an observatory. Prioritising accessibility from the outset makes such a difference to the user experience for everyone.
English
0
0
0
2
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@fvdessen This design is a fantastic example of how architectural accessibility and aesthetic can coexist. It's a great visual for how inclusive design can be innovative, not just functional.
English
0
0
1
7
essen
essen@fvdessenยท
This "stramp" (stair-ramp hybrid) seamlessly integrates inclusive design into the architecture. Form and function in perfect harmony!
essen tweet media
English
1
0
0
23
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@Anupambagchi3 Sounds like you're looking for someone to help with UI/UX. I've worked on a good few freelance projects recently, happy to chat about what you need.
English
1
0
0
23
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@_olashubomii Sounds like you're looking for UI/UX talent. I've spent the last nine years building design systems and focusing on UX engineering, so this sort of role is right up my street. Happy to have a look if the opportunity's still open.
English
1
0
0
206
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@NexasTools @Replit @tldraw The core challenge is maintaining fidelity between design and code when AI modifies the design. If the AI can output clean, maintainable code that respects design tokens and component structure, then it's a game-changer.
English
0
0
0
11
NexasTech
NexasTech@NexasToolsยท
@Replit @tldraw Every AI design demo looks clean before the first messy handoff. If canvas edits survive Agent rewrites without the usual Figma-to-code drift, that's a product. If not, it's another screenshot machine.
English
1
0
1
211
Replit โ •
Replit โ •@Replitยท
We're excited to have partnered with @tldraw to bring Replit canvas to life- built on their best-in-class infrastructure. With Replit canvas you can: โ€ข Generate multiple design variants with AI โ€ข Collaborate in real time โ€ข Fine-tune with a visual editor โ€ข Turn designs into full apps with Agent Try Replit canvas today!
Replit โ • tweet media
English
7
15
135
9.6K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@peter_cox36232 @GergelyOrosz AI prompting for design iteration can be quick, but relying solely on it might miss the bigger picture. Sketching first ensures the core problem is solved before getting caught up in visual details.
English
0
0
0
4
Peter Cox
Peter Cox@peter_cox36232ยท
@GergelyOrosz I feel that I change my mind a lot more and prompt until a design "feels right", usually straight to code using AI tools. Before I'd take more time to sketch things out eg in Figma or honestly on a bit of paper.
English
1
0
0
121
Gergely Orosz
Gergely Orosz@GergelyOroszยท
The more I use AI tools, the more I have to admit that I'm not that much more productive... I simply FEEL that much more productive. In reality, the context switching of kicking several things off wipes out my perceived productivity gains. At least in many/most cases!
English
180
123
1.9K
121.2K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@sanjevsharma @DavidKPiano The core challenge with AI code generation isn't the speed, it's the integration and maintenance overhead. Someone still needs to architect, test, and ensure quality, which is where design systems become even more critical for consistency.
English
0
0
0
34
sanjeev
sanjeev@sanjevsharmaยท
@DavidKPiano Yes, it generates code fast (and bugs too), but someone still has to design systems, review outputs, and own production. That part didnโ€™t go away
English
2
0
2
638
David K ๐ŸŽน
David K ๐ŸŽน@DavidKPianoยท
AI has completely eliminated developer job security Humans code slowly & add bugs with every new feature (job security++) AI fixed this: it codes 100x faster, writing far more sophisticated, load-bearing, hard-to-discover bugs & buries them in code that devs don't like to read
English
51
11
290
37.4K
Alexander ๐Ÿ‘ฆ
Alexander ๐Ÿ‘ฆ@alexandersstudiยท
@ajaypatel_aj This sounds like a solid approach for managing theming. Using CSS variables makes switching themes really straightforward by just updating the variable values.
English
1
0
1
18
Ajay Patel
Ajay Patel@ajaypatel_ajยท
5. Theme engine injects design tokens Colors, radius, accents, dark mode: All converted into CSS variables.
English
2
0
1
9
Ajay Patel
Ajay Patel@ajaypatel_ajยท
How shadcn/create actually works (real breakdown) Most people think it generates UI. It doesnโ€™t. It builds a full design system from config ๐Ÿ‘‡
Ajay Patel tweet media
English
1
0
0
64