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
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…
Как перенести навайбкоженный проект в Figma через Claude Code и получить дизайн‑систему
Знакомая ситуация: продукт написан за выходные, гипотеза подтвердилась, кто‑то уже платит. Приходит дизайнер и просит файл. Файла нет. Ес…
Исправляем интерфейс криптокошелька. Как не заставлять пользователя считать в уме
Разбор интерфейса Телеграм Кошелька. Исправляю ошибки в UX на странице токенов, чиню логику баланса портфеля и делаю историю транзакций понятной без…
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…
Разработка возвращает макет: базовая гигиена Figma‑макетов
Грязный макет – грязный код. Чистый макет – адекватный код и отсутствие вопросов «что тут имелось в виду»: разработка получает то, с&…
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…
Человекоцентричный B2B-экран. Снижение нагрузки на техподдержку и ускорение поиска ошибок
Улучшаем UX экрана проверки товарных фидов в Яндекс Директе. Ускоряем считывание статусной информации и структурируем технические данные так, чтобы…
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 и Chrome: как девять чисел из статьи 2009 года разошлись по четырём инструментам
Девять чисел из научной статьи 2009 года сегодня работают у меня в четырёх местах: на HTML-странице, в canvas, в двух плагинах Figma и в чужом расши…
Дизайнеры не должны договариваться о том, как оформлять макеты. Как мы сформировали дизайн-стандарт
Привет! Хочу рассказать вам о том, как мы применили продуктовый подход к исследованию опыта разработчиков при работе с 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…
Figma ушла, а привычки остались. Существует ли российский аналог?
Многие компании в России за последние пару лет прошли через пять стадий принятия: от «да это просто баг, сейчас починят» до «окей, нам нужен новый и…
Эволюция токенов цветов в Туту: как навести порядок в дизайне и не уехать в дурку
Создание единой дизайн-системы для крупного кроссплатформенного продукта — это всегда вызов. А если процесс совпадает с масштабным ребрендингом комп…
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…