Stop exporting JSON tokens and use CSS variables instead
A designer tagged me in a Figma comment on Tuesday morning. They wanted to know if we could start exporting our brand tokens as deeply nested JSON f…
Programming
⚑ Сообщить о проблемеПоследние новости Programming от Tech News
Все темы
AI
agents
ai
api
architecture
automation
backend
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
rust
security
showdev
testing
tutorial
typescript
webdev
How UI/UX Designers Can Build Passive Income With Digital Products
How UI/UX Designers Can Build Passive Income With Digital Products If you're a UI/UX designer, your income doesn't have to come entirely from client…
Как я пыталась разобраться в Claude Code, а в итоге сделала плагин для Figma
Я хотела разобраться, куда вообще движется профессия продуктового дизайнера и какое место в ней теперь занимают AI‑инструменты. А в итоге…
New Portfolio in the Works
New Portfolio in the Works. I’ve always wanted a cool, chibi-style profile picture for my portfolio, but I've never been good at drawing. I even tri…
Looking for a co-founder who thinks in products, not just pixels
I'm not looking for a designer to make our startup look good. I'm looking for someone who might change what we decide to build. Some people see a we…
Building Design Systems That Ship: A Design Engineer's Framework
TL;DR: Most design systems fail because they're designed in isolation. Build design systems that ship by designing backwards — start with constraint…
How to take over a design built in Figma Make and develop it with Claude Code
From February to April 2026, I launched four web apps, each starting from a code bundle that Figma Make (Figma's AI feature that generates a working…
Designing Plural-Safe Text in Figma
A translated Polish subscription screen ships. QA signed off. A user on the 3-month plan sees "Otrzymaj 3 miesięcy dostępu Premium" — and it reads w…
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…
Как перенести навайбкоженный проект в Figma через Claude Code и получить дизайн‑систему
Знакомая ситуация: продукт написан за выходные, гипотеза подтвердилась, кто‑то уже платит. Приходит дизайнер и просит файл. Файла нет. Ес…
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…
Дизайнеры не должны договариваться о том, как оформлять макеты. Как мы сформировали дизайн-стандарт
Привет! Хочу рассказать вам о том, как мы применили продуктовый подход к исследованию опыта разработчиков при работе с Figma, чтобы создать единый с…
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…