#figma — Public Fediverse posts

#Design #Guides
How to choose a UI font · The two metrics behind every working UI typeface https://ilo.im/16fh8q

_____
#Fonts #Typography #Figma #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend #CSS

made a switch 2 x socket mashup today.
#figma #ui #design #gaming #nintendo

#Design #Approaches
Spec-Driven UI component development · Deliver design intent across design, code, and docs https://ilo.im/16fc8i

_____
#DesignIntent #AI #Figma #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Guides
How to become an AI designer · A realistic guide to shipping your own designs https://ilo.im/16fcwg

_____
#AI #AiAgents #Claude #Figma #VibeCoding #Prototyping #ProductDesign #UxDesign #UiDesign #WebDesign

「脱Adobe」という言葉には「Adobe がデファクトスタンダードである」という前提がそもそも含まれてて、なんかちょっと自分にとってはあんまり言葉としてしっくりきていない感じがある。

昔から #Affinity とか #Sketchapp とか、当時リリースされたばかりの #Figma とか使ってると「Adobeが嫌いなんですね」とかよく言われたけど、「なんでそうなるの？」と思っていた。

そういう「Adobeではないツールを使っている＝Adobeが嫌いなんですね」という考え方と「脱Adobe」という言葉は、
どっちも「Adobeがデファクトスタンダードであり、みんながAdobeを使っている」というのが前提にあるという点が共通してて、そこが自分がしっくりこないところだなと思った。

自分にとって本質的に大事なことは「いろんなツールを使う」「ツールに選択肢がある」ということであって、「Adobe を辞める」とか「Adobe を使わない」ということはぶっちゃけどうでもいい話なんだよな… :this:

#Vivaldi :vivaldi_red: で作業ごとにタブスタックに分けて区切りがついたらスタックごと休止（Hibernate）したりするクセがついてるので、 #Figma とかのWebベースのサービスとかもそのスタック単位で休止させたりしたい都合もあってデスクトップアプリにはなかなか触手が伸びない

Разработка возвращает макет: базовая гигиена Figma‑макетов

Грязный макет – грязный код. Чистый макет – адекватный код и отсутствие вопросов «что тут имелось в виду»: разработка получает то, с чем можно работать. Элементарщина, про которую забывают/не успевают, ведь это просто, примитивно, но страдают все… В СВОЙ Тех решили написать спецификацию по тому, в каком виде желательно отдавать макеты в разработку. Разработка получила аргументацию для возвращения макета. Потому в «сесть и сделать сразу хорошо» заинтересованы все – но это время, и его надо закладывать в процессы. Внутри – правила, советы, рекомендации и чек‑лист для краш‑теста, которые помогают собраться и сделать хорошо сразу. Из элементарного строится бо́льшее...

https://habr.com/ru/companies/svoi_ru/articles/1068604/

#designer #дизайн #design_patterns #desktop #design_system #figma #ai #мобильная_разработка

From Figma to Production: The Modern Design-to-Code Pipeline in 2026, by (not on Mastodon or Bluesky):

https://horizonx.so/blog/figma-to-production-design-to-code-2026?ref=frontenddogma.com

#processes #design #tooling #figma

Figma und KI-Agenten: Automatisierte Workflows von der Idee bis zum Code

https://kulturbanause.de/blog/figma-und-ki-agenten-automatisierte-workflows-von-der-idee-bis-zum-code/

Человекоцентричный B2B-экран. Снижение нагрузки на техподдержку и ускорение поиска ошибок

Улучшаем UX экрана проверки товарных фидов в Яндекс Директе. Ускоряем считывание статусной информации и структурируем технические данные так, чтобы они были одинаково понятны и маркетологам, и разработчикам.

https://habr.com/ru/articles/1068290/

#продуктовый_дизайн #редизайн #figma #дизайнсистема #b2b #интерфейсы #кейс #яндекс_директ #ux #ui

Really excited about #figma and the accessibility work they are doing. I'm going to be playing around with #figma to see what it really can do and what I can do as a blind user. This will be interesting.

#Figma のオートレイアウト、機能が増えるのはいいんだけど、だんだん #CSS :css3: いう車輪の再発明（しかも劣化版）みたいになってきている感じもあるんだよな…

:css3: ほどの表現力はない上に、レイアウトのデバッグも DevTools みたいなものに比較してやりづらいし、 :css3: が分かっている人ほどツラくなる、みたいな部分がある :tony_neutral:

AI в процессе дизайнера в 2026: что вижу в индустрии — и как это устроено у меня

Как AI на самом деле встроен в процесс дизайнера в 2026 — не с точки зрения хайпа, а по фактам из отчётов, интервью и постов практикующих дизайнеров: смена парадигмы, командная работа на одном канвасе, инструменты, которые дают точечно править вместо генерации с нуля, и дизайнеры, которые сами собирают AI-скиллы под себя. Отдельно — как это устроено у меня: designer-skills, разговор с AI вместо скетчей, макет руками + состояния AI, и обязательная проверка каждого шага.

https://habr.com/ru/articles/1065754/

#продуктовый_дизайн #искусственный_интеллект #AI #Figma #UXдизайн #дизайнпроцесс #designerskills #Claude #AIинструменты_для_дизайнеров #вайбкодинг

Tested 3 ways to get code out of a #Figma mockup: a plugin (Locofy), Claude Code on Figma's API, and @silex as a nocode editor

The mockup had desktop, tablet and mobile variants, all specced. Neither the plugin nor Figma's MCP hands them over. Point Claude at the REST API and it gets all three.

The gap isn't the model, it's how you drive it. 7 rounds of a huge generalist model to write CSS. That footprint isn't OK.

What do you use to code a design from figma?

#figma #webdev #LLM

#Figma のオートレイアウトが、より #CSS に近づいたらしい。

心の声(もうCSS :css3: でデザインすればいいんじゃない？）

Four Questions Every Tool Should Answer (Even Figma) About AI Training Model Usage, by @usabilitycounts.bsky.social:

https://archive.ph/82ngn?ref=frontenddogma.com

#tooling #ai #legal #figma

Декомпозиционный подход организации пространства в Фигме

Этот подход плзволяет избавиться от таких проблем, как: неактуальность макетов для разработки, долгий поиск макетов и задач в фигме, протухание информации в макетах, увеличение memory usage и долгая загрузка файлов. Больше подробностей

https://habr.com/ru/articles/1063202/

#figma #figma_design #дизайн #дизайнсистема #организация_пространства_в_фигме #система_хранения_макетов #система_хранения_дизайна #вебдизайн

Симулятор дальтонизма для сайта, Figma и Chrome: как девять чисел из статьи 2009 года разошлись по четырём инструментам

Девять чисел из научной статьи 2009 года сегодня работают у меня в четырёх местах: на HTML-странице, в canvas, в двух плагинах Figma и в чужом расширении для Chrome. Разбираю, как одна и та же матрица цветовосприятия ведёт себя в четырёх средах, где каждая среда сопротивляется по-своему — и почему честные ограничения инструмента важнее его возможностей.

https://habr.com/ru/articles/1062846/

#доступность #дальтонизм #figma #chrome #плагины #инклюзивный_дизайн

Как я разрабатывал агента для сбора страниц на Elementor

В этой статье хочу рассказать как я разрабатывал агента, который принимает запросы из телеги и создает страницы на WordPress + Elementor, не путает проекты, не трогает прод и не собирает каждый раз дизайн рандомно. То есть мысль перед созданием была следующая - есть Elementor MCP, есть агент, есть запрос пользователя, а значит, агент может вызвать нужные методы, добавить контейнеры, виджеты, текст, кнопки и готово. Спрашивается, почему бы и не сделать такого агента, удобно же. Но по факту все, конечно же, оказалось сложнее. Чтобы это начало работать нормально, пришлось сделать отдельный навык - очередь задач, SQLite, CLI-проверки, правила для телеги, валидаторы, перенос бета в прод и отдельный компилятор на Python. Так что расскажу все по порядку, возможно, кому то пригодится. Тут будет по сути хронология работы с агентом, так что идем от начала до сегодняшнего дня.

https://habr.com/ru/articles/1062724/

#AIагенты #WordPress #Elementor #Python #Figma #MCP #LLM #Автоматизация #Workflow #Архитектура

Прототипирование фронта в 2к26 от системного аналитика

Раньше для согласования интерфейса я собирал макет в Figma, описывал каждое поле, отдавал его дизайнеру, а потом отдельно объяснял логику фронтенд-разработчику. В 2026 году тот же путь можно пройти быстрее: передать ИИ требования и за несколько итераций получить кликабельный прототип на HTML, CSS и JavaScript — с формами, модальными окнами, валидацией и тестовыми сценариями. В статье рассказываю, где такой подход действительно помогает системному аналитику, когда он превращается в работу ради работы и почему прототип все равно нельзя считать готовой реализацией. Посмотреть, как это работает

https://habr.com/ru/articles/1061532/

#системный_аналитик #прототипирование_интерфейсов #вайбкодинг #искусственный_интеллект #LLM #Figma #HTML #CSS #JavaScript #требования

Now that I was forced to work in #Figma for a project: I really prefer @Sketch. All I want and need works perfectly in Sketch. And it is a native App! Perhaps I have a stronger aversion to non-native apps than many others.

From Figma to Front End: A Handoff Guide for Seamless UI Design and Development, by @uxmatters.bsky.social:

https://www.uxmatters.com/mt/archives/2026/07/from-figma-to-front-end-a-handoff-guide-for-seamless-ui-design-and-development.php?ref=frontenddogma.com

#guides #design #designsystems #figma

【2024最新】30分マスター講座 Figmaの基本と便利な使い方！ | WEBデザインツール

https://www.emilyselect.com/%e3%80%902024%e6%9c%80%e6%96%b0%e3%80%9130%e5%88%86%e3%83%9e%e3%82%b9%e3%82%bf%e3%83%bc%e8%ac%9b%e5%ba%a7-figma%e3%81%ae%e5%9f%ba%e6%9c%ac%e3%81%a8%e4%be%bf%e5%88%a9%e3%81%aa%e4%bd%bf%e3%81%84/?feed_id=7012&_unique_id=6a55c1dbb1a78&Mastodon

#app #apple #artist #coding #CSS #design #Figma #HTML #illustrator #macbook #macbookair #macbookpro #pc #photoshop #programming #SE #visualstudiocode #VScode #webdesign #webdesig...

If the #FTC was any good and actually doing their job right now.
#claude_design would be an immediate infringement of IP and #figma could shut them down immediately legally.

The problem is that the FTC is so weak right now, that anything is legal, stealing is no longer stealing if you have billions to back it up.

(not even talking about the ip that Anthropic and OpenAI stole in their dataset, just for that they should have been shut down)