Structuring Variables in Figma
Building a scalable UI library in Figma starts with thoughtful organization of variables. As projects grow, managing primitives, semantics, and them…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devchallenge
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
Figma published 10 skills
Figma published 10 skills their community https://dub.sh/ZfYjDlg A few that stuck with me: /find-animation-opportunities – scans a design and tells…
Invite an AI to Look Upon Your Figma Designs
Who will look upon your work before the world does? Let it be an AI, quietly, inside Figma, reading each frame and pinning its honest thoughts to th…
Compact Design: a JSON language models can write and Figma can import
Don't ask a model to speak Figma's plugin API. Don't ask it for CSS and hope a screenshot is a design. I wanted a format a model can write, a schema…
Even With The Figma MCP, AI Eyeballs Your Design and Ships Pixel-Wrong UI
Every hardcoded value now traces to a Figma node, and "looks right" is no longer accepted as proof. We packaged the fix as a reusable Claude Code sk…
Structured Context vs Pixel Context: What Coding Agents Actually Need
Context is becoming the bottleneck in AI-assisted development. Not model capability — models are improving fast enough that they're regularly not th…
Why Pasting Figma Screenshots into Claude Fails (And What to Use Instead)
Here's the workflow that's become default in every design-to-code team right now: export a frame from Figma, paste the PNG into Claude or Cursor, ty…
Why Claude-generated screens are missing their states
Ask for a screen and you get the screen on its best day. Full of content, nothing loading, nothing failed, permission already granted, network fine.…
Claude to Figma: keeping AI-generated UI bound to your design system
On one build I found 127 places bound to a raw colour instead of a named role. Every single one had passed visual review. They all surfaced the mome…
Figma MCP: turning Claude-generated UI into a component library
This is the stretch nobody films. The demo ends at the screenshot; the job ends about a week later, in a Figma file that someone else has to be able…
Scrapped the entire mockup
SyncIEP was built for special needs educators, providers, and teachers. My co-founder taught special education for twelve years, and most of what we…
MotionKit Figma Motion: import, sync, and push native animation (yes, even baked physics)
Figma shipped native Motion. A real animation timeline, right inside the file. When that landed, a lot of people emailed me some version of the same…
Even Figma isn't sure about its own design tokens
The whole industry seems to have agreed on a standard for design tokens. The shift it sets up is still on its way. Design tokens are not new. The te…
AI Won’t Just Build the Next App. It Will Rebuild the Old Ones.
The biggest AI opportunity in web development might not be the next shiny app. It might be the old one your company is afraid to touch. Every day, b…
How to Choose the Right Color Palette for UI/UX Design
A beautiful interface isn't created by random colors. The right color palette can increase usability, improve brand recognition, and guide users tow…
Why AI Keeps Generating the Wrong Design Tokens and How I Fixed It with Figma's API
AI design system output is approximate by default. Wrong border radii, raw hex values, inconsistent tokens across 60 components. The fix isn't bette…
Stop flattening your typography tokens: Preserving bound aliases in W3C exports
I was looking at a pull request last Monday. The marketing team had just rolled out a massive rebrand. We swapped our primary typeface from Inter to…
I Thought Figma MCP Could Recreate Any Design. I Was Wrong.
Introduction Since I started publishing articles on Dev.to, I've been working on a personal project to transform my old blog website—which is no lon…
Turn Figma frames into clean React, Angular, Vue, or HTML with AI — meet PixToCode
PixToCode is a new Figma plugin that turns the frames you've already designed into production-ready code with AI — React, Angular, Vue, or HTML, all…
How We Shipped more than 60 Design System Components in 5 Weeks Using Figma as the Single Source of Truth
We estimated 300 engineer-days. We shipped in 35 days with 3,077 tests and zero raw hex values. Here's the pipeline I built to make Figma the litera…
Why Your Next App Ships Faster From Studio to Deploy
The Old Pipeline Had Too Many Doors. You started in Figma. Then opened Android Studio. Wrote Kotlin, argued with Gradle, wired Firebase manually, de…