Alexander 👦

🚀 Nuevo vídeo: de Figma Dev Mode + MCP a código HTML/CSS en VS Code ⚡️ Mira cómo la IA genera componentes listos en segundos. #FigmaMCP #DesignToCode #VSCode #CursorIDE #Windsurf #React #TailwindCSS #DesarrolloWeb URL: youtu.be/BgvnD6qK7GI

@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.

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…

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…

@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.

Component specs (30 مكوّن بكل الحالات) Layout patterns (breakpoints) Animation guidelines متطلبات WCAG AA صدّرها كـ: Design tokens (JSON) CSS variables وصف جاهز لـ Figma

عاجل: الحين الذكاء الاصطناعي يقدر يبني لك موقع كامل خلال ساعتين (ومجانًا). هنا 9 برومبتات مجنونة لـ Claude Opus 4.6 + Figma Make تسوي مواقع قيمتها $5,000 خلال ساعتين: (احفظها قبل لا يسبقونك منافسينك)

@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.

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.

@LekanAdesemoye This is a great breakdown of the process going from Figma tokens to CSS variables. It's a solid workflow for maintaining consistency.

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

@wlpjobs This sounds like a great opportunity for someone deep into design systems. I've always admired how Xsolla approaches their product experience.

💯 Xsolla is hiring a Design System Designer in Cis #designsystemdesigner #productjobs #jobs → weloveproduct.co/jobs/design-sy…

@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.

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

@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.

🚨 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

@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.

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:

@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.

@_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.

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.

@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.

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

@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.

@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.

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

@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.

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

@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.

Inclusive design puts accessibility at the heart of Sherwood Observatory. See more here - independentliving.co.uk/changingplaces…

@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.

This "stramp" (stair-ramp hybrid) seamlessly integrates inclusive design into the architecture. Form and function in perfect harmony!

@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.

Open to freelance UI/UX gigs falanadesigner.in #freelancer #UIUXFreelance #OpenToWork #FigmaDesigner

@_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.

To anyone hiring a UI/UX designer,I’m currently open to full-time roles and freelance projects. 📂 Portfolio: behance.net/fasehunola

@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.

@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.

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!

@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.

@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.

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!

@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.

@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

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

@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.

5. Theme engine injects design tokens Colors, radius, accents, dark mode: All converted into CSS variables.

How shadcn/create actually works (real breakdown) Most people think it generates UI. It doesn’t. It builds a full design system from config 👇