#figma — Public Fediverse posts

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai

Cursor в разработке: нейропрототип модуля в корпоративной системе

Современная корпоративная разработка — это всегда про компромиссы. Нужно быстро прототипировать, но при этом не потерять в качестве кода. Хочется держать в голове всю архитектуру — и фронтенд, и бэкенд, и контейнеризацию, и тесты. А по факту время уходит на переключение между десятками вкладок, согласование REST-контрактов и разбор ошибок по логам. В этой статье мы расскажем, как в проекте нейропрототипа модуля Планирования (PlanningProto) мы использовали Cursor — редактор с ИИ, который встроен прямо в репозиторий.

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

#cursor #нейропрототип #режимы_cursor #figma #искусственный_интеллект

RE: https://mstdn.party/@ferreiros/116516193623602003

In case you are curious, I'm sharing my journey switching from Figma to Penpot.

Here are my first impressions: https://www.noraferreiros.com/figma-penpot-a-journey/

#openSource #penpot #uidesign #figma

『Fate/Grand Order』ランサー/スカサハのfigmaが再販！不敵な笑みを浮かべた「勝ち気顔」や愛用の「魔槍」2種類などが付属！楽天ブックスで予約受付中！
https://hobby.dengeki.com/news/3003838/

#hobby_dengeki #fate #figma #フィギュア #マックスファクトリー #美少女フィギュア #FGO #スカサハ

#Design #Findings
State of prototyping (Spring 2026) · “The most-used design tool after Figma is now an AI.” https://ilo.im/16cpyo

_____
#Prototyping #VibeCoding #AI #Figma #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Y'know when you start learning an instrument and it really deepens your respect for people who play it well? That's me trying to pose and photograph a Figma for the first time rn.

#NinomaeInanis #Hololive #Figma

#CaseStudy - Discover how #Figma replaced a fragmented caching stack with FigCache - an in-house #Redis proxy service.

The result: what the company describes as six nines of uptime across its caching layer.

🔗 Explore the architecture, the tradeoffs, and the lessons learned on #InfoQ ⇨ https://bit.ly/42SKf3L

#DevOps #SoftwareArchitecture

Спецификации вместо промптов: как мы перестраиваем фронтенд-разработку с помощью ИИ

Использование ИИ в разработке давно вышло за рамки генерации простых функций. Для крупного финтеха это вопрос системной интеграции и безопасности. В ИТ-кластере «СВОЙ Тех» мы постоянно ищем способы оптимизации Time-to-Market. В этом материале мы делимся опытом того, как заставить нейросети работать с легаси-кодом, зачем им доступ к Figma через MCP-протокол и почему будущее за Spec Driven Development. Посмотреть кейс

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

#sdd #claude #mcp #figma #sentry #qodo #gitlab

Figma's woes compound with Claude Design

https://martinalderson.com/posts/figmas-woes-compound-with-claude-design/

#HackerNews #Figma #ClaudeDesign #designwoes #technews #UXUI

Как контролировать токены: поиск ошибок, версионирование и графы в едином дашборде

Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?" А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов? Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает. Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна. Посмотреть кейс

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

#дизайнсистема #дизайнтокены #figma #фронтенд #архитектура #кодревью #аудит_кода #json #графы #open_source

😏 Oh wow, a 'theory' about Claude #Design from a self-proclaimed philosopher of interfaces. 🚀 Surprise: #Figma has primitives! 🎨 Spoiler alert—designers have been fighting this #systemization war longer than you've been contemplating your nav bar. 🤔
https://samhenri.gold/blog/20260418-claude-design/ #theory #interface #philosophy #creativity #HackerNews #ngated

Had a fun (random) chat with Sam earlier about the evolution of our #PETALS logo, playing around with some ideas to add more personality focusing on the core principles (people talking). 

Watching him fly around #Figma made me realise how talented he is and how far things have come since my days of Fireworks and Sketch. 

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

Testing Font Scaling for Accessibility With Figma Variables, by @smashingmag:

https://www.smashingmagazine.com/2026/03/testing-font-scaling-accessibility-figma-variables/

#accessibility #fonts #scaling #figma #variables

#01「iSara」模写コーディング / HTML CSS

https://www.emilyselect.com/01%e3%80%8cisara%e3%80%8d%e6%a8%a1%e5%86%99%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0-html-css/?feed_id=5119&_unique_id=69c32b233c61d&Mastodon

#app #apple #artist #coding #CSS #design #Figma #HTML #illustrator #macbook #macbookair #macbookpro #pc #photoshop #programming #SE #visualstudiocode #VScode #webdesign #webdesign #webデザイナー #Webデザイン #wordpress #xd #アーティスト #アプリ #イラストレーター #ウェブデザイナー #ウェブデザイン #エンジニア #ガジェット #コーディング #デザイ...

#Design #Analyses
Top ten Figma betrayals · ”Figma is not exactly conducive to responsive web design.” https://ilo.im/16blps

_____
#Figma #Collaboration #Workflows #ResponsiveDesign #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Дизайн-токены: полный гайд по архитектуре и неймингу c примерами и задачками

Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной. Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть... В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию. Изучить тему

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

#дизайнсистема #дизайн #figma #tokens #токены #дизайнтокены #variables #design_system

CSS初心者のための基礎大全【ショート動画まとめ】

https://www.emilyselect.com/css%e5%88%9d%e5%bf%83%e8%80%85%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e5%9f%ba%e7%a4%8e%e5%a4%a7%e5%85%a8%e3%80%90%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e5%8b%95%e7%94%bb%e3%81%be%e3%81%a8%e3%82%81/?feed_id=4978&_unique_id=69b8a6a324e93&Mastodon

#app #apple #artist #coding #CSS #design #Figma #HTML #illustrator #macbook #macbookair #macbookpro #pc #photoshop #programming #SE #visualstudiocode #VScode #webdesign #webdesign #webデザイナー #Webデザイン #...

Oh, and in case anyone is curious, here's what I am self hosting these days:

- Keycloak - OpenID Authentication Provider
- Nextcloud - Private cloud service
- #Vaultwarden - Open Source implementation of BitWarden server in Rust
- Sonatype Nexus - Artifact Repository I use for Maven/Containers/NPM/etc...
- #OneDev - An open source git forge similar to GitLab
- #Stalwart - Mail Server with lots of features
- #PenPot - Open Source alternative to #Figma

Как я помогла веб-дизайнеру получить 128 000 рублей за разработанный им сайт, выиграв спор с заказчиком в суде

Привет, я — Александра, юрист для digital-агентств и фрилансеров. Сегодня на примере своего кейса расскажу о том, как мой договор спас веб-дизайнера в суде. ➡️ Начнём с небольшой предыстории. Ко мне обратился основатель и арт-директор студии разработки сайтов & фирменного стиля для бизнеса и людей FRAMELAR[I] с запросом на создание детально проработанного договора на разработку сайта под ключ. Главный запрос на договор — закрыть риск неполучения исполнителем второй части оплаты после полного завершения проекта (студия работает по модели 50% оплаты до начала оказания услуг, 50% после сдачи проекта). С учётом всех пожеланий был разработан договор, который в совокупности с моей стратегий ведения дела помог получить решение суда в нашу пользу всего за 2 месяца! ➡️ Начало сотрудничества студии с заказчиком или ничего не предвещало беды. В мае 2023 именно по этому договору студия начала оказывать услуги заказчику (крупная логистическая компания) по разработке сайта, который создавался с полного нуля. Заказчик даже не представил какое-то конкретное тех. задание и неоднократно упоминал о полном доверии. Стоимость проекта: 239 000 рублей. Состав услуг, которые должна была оказать студия поэтапно:

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

#сайт #дизайнеры #вебдизайн #вебсайт #договор #суд #tilda #figma

Tailwind CSS v4 против MUI, Ant Design и Styled Components: архитектурный разбор

В 2026 году выбор инструмента для стилизации — это не вопрос вкуса, а вопрос архитектуры. Мы разберём, где Tailwind CSS v4 выигрывает у признанных лидеров: компонентных библиотек (MUI, Ant Design) и CSS-in-JS решений (Styled Components).

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

#Tailwind_CSS #CSS #Frontend #Design_System #React #Styled_Components #Верстка #Архитектура #Микрофронтенды #Figma

"We have, ostensibly, one ‘serious’ option when it comes to professional design work: use Figma, and go fuck yourself." -- @piccalilli

https://piccalil.li/blog/the-open-source-design-stack/

#UX #UI #UserExperience #UserInterface #Prototyping #Design #WebDesign #ProductDesign #Designer #OpenSource #FreeSoftware #SaaS #Figma #Penpot #tldraw #Excalidraw #AFFiNE

"We have, ostensibly, one ‘serious’ option when it comes to professional design work: use Figma, and go fuck yourself." -- @piccalilli

https://piccalil.li/blog/the-open-source-design-stack/

#UX #UI #UserExperience #UserInterface #Prototyping #Design #WebDesign #ProductDesign #Designer #OpenSource #FreeSoftware #SaaS #Figma #Penpot #tldraw #Excalidraw #AFFiNE

"We have, ostensibly, one ‘serious’ option when it comes to professional design work: use Figma, and go fuck yourself." -- @piccalilli

https://piccalil.li/blog/the-open-source-design-stack/

#UX #UI #UserExperience #UserInterface #Prototyping #Design #WebDesign #ProductDesign #Designer #OpenSource #FreeSoftware #SaaS #Figma #Penpot #tldraw #Excalidraw #AFFiNE

"We have, ostensibly, one ‘serious’ option when it comes to professional design work: use Figma, and go fuck yourself." -- @piccalilli

https://piccalil.li/blog/the-open-source-design-stack/

#UX #UI #UserExperience #UserInterface #Prototyping #Design #WebDesign #ProductDesign #Designer #OpenSource #FreeSoftware #SaaS #Figma #Penpot #tldraw #Excalidraw #AFFiNE

"We have, ostensibly, one ‘serious’ option when it comes to professional design work: use Figma, and go fuck yourself." -- @piccalilli

https://piccalil.li/blog/the-open-source-design-stack/

#UX #UI #UserExperience #UserInterface #Prototyping #Design #WebDesign #ProductDesign #Designer #OpenSource #FreeSoftware #SaaS #Figma #Penpot #tldraw #Excalidraw #AFFiNE

Just spent a couple hours trying to make a wireframe design in Penpot.

I like it a lot, but it does have some rough edges and I encountered at least 1 missing feature that seems like it would be table stakes for a design tool based on implementing CSS.

I’m going to keep an eye on it and see what I can do to contribute. We desperately need an open source tool like this.

#Design #WebDesign #UI #Penpot #Figma

#Design #Launches
Figma’s new AI image editing tool · Vectorize turns raster images into editable vector images https://ilo.im/16aemh

_____
#Images #ImageEditor #AI #Figma #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

https://www.wacoca.com/games/1317098/ 『FFX』ティーダ＆ユウナや『STEINS;GATE RE:BOOT』牧瀬紅莉栖、「ダンガンロンパ」江ノ島盾子＆七海千秋などが初展示！【ワンフェス2026冬速報レポート】ワンホビ40 ゲーム編 | 電撃ホビーウェブ ##2026 ##GAMING #figma #FREEing #Game #GameNews #games #GamingNews #アフターレポート #イベント #イベントレポート #グッドスマイルカンパニー #ゲーミング #ゲーム #ゲーム攻略 #ゲーム最新情報 #ねんどろいど #フィギュア #プラモデル #マックスファクトリー #レポート #ワンダーフェスティバル2026冬 #ワンフェス #写真 #冬 #美少女フィギュア #記事 #速報

Как мы технически построили B2B SaaS-платформу: от требований и UI-прототипов до микросервисной архитектуры

Продолжение статьи о продуктовой гипотезе и дистрибуции. Здесь — только инженерная часть. Эта статья — инженерный рассказ о том, как из набора разрозненных back-office продуктов выросла единая B2B SaaS-платформа. Мы показываем путь от требований и прототипов до микросервисной архитектуры, объясняя не только что было сделано, но и почему именно так.

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

#архитектура #saga #saas #платформа #схемы #микросервисы #микросервисная_архитектура #archimate #ui #figma

Density vs. Clarity: The Core Tension in Modern UI Design, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/density-vs-clarity-the-core-tension-in-modern-ui-design/

#design #informationdesign #minimalism #comparisons #figma

As much as I am skeptical of Canva ownership longterm, the new Affinity Studio is quite solid even with a free account. I have hope they won't enshittify or force you to train AI.

As an Affinity v2 user it hasn't taken long for me to feel at home in Studio. Rolling an entire design suite into 1 app is impressive and makes a lot of sense.

I also use Sketch, Figma, Penpot, Procreate, and Pixelmator Pro (hope Apple doesn't ruin) depending on the task for my anti-Adobe workflow.

https://affinity.studio

#design #software #AffinityStudio #Canva #Adobe #Pixelmator #Sketch #Figma #Penpot

#Design #Techniques
Figma slots for repeating items · How to convert one of your library’s top patterns https://ilo.im/16a2wt

_____
#Figma #Slots #Library #DesignSystems #ProductDesign #UiDesign #WebDesign

#Design #Overviews
Figma Sites template library · The making of Figma’s 50 website builder templates https://ilo.im/1699pr

_____
#Figma #Templates #Builder #Website #Business #ProductDesign #UxDesign #UiDesign #VisualDesign #WebDesign

#Design #Analyses
Are we still practicing UX? · Or are we just producing interfaces? https://ilo.im/1697q2

_____
#Profession #Skills #Foundations #ProblemSolving #Figma #AI #ProductDesign #UxDesign #UiDesign #WebDesign

No one is immune from change. One of my major clients is restructuring and won't be requiring my services so I'm on the hunt for work.

About me: I'm a freelancing web designer/developer with experience in #wordpress (incl. #Elementor), #Shopify and #Eleventy. I very much enjoy working with #HTML and #CSS, and designing in #Figma.

I'm based in Australia working with clients worldwide, looking for individual projects or ongoing agency contract work. Happy to share portfolio examples if you're interested.

#getfedihired #webdev #webdevjobs #freelancer #webdesign

No one is immune from change. One of my major clients is restructuring and won't be requiring my services so I'm on the hunt for work.

About me: I'm a freelancing web designer/developer with experience in #wordpress (incl. #Elementor), #Shopify and #Eleventy. I very much enjoy working with #HTML and #CSS, and designing in #Figma.

I'm based in Australia working with clients worldwide, looking for individual projects or ongoing agency contract work. Happy to share portfolio examples if you're interested.

#getfedihired #webdev #webdevjobs #freelancer #webdesign

No one is immune from change. One of my major clients is restructuring and won't be requiring my services so I'm on the hunt for work.

About me: I'm a freelancing web designer/developer with experience in #wordpress (incl. #Elementor), #Shopify and #Eleventy. I very much enjoy working with #HTML and #CSS, and designing in #Figma.

I'm based in Australia working with clients worldwide, looking for individual projects or ongoing agency contract work. Happy to share portfolio examples if you're interested.

#getfedihired #webdev #webdevjobs #freelancer #webdesign

No one is immune from change. One of my major clients is restructuring and won't be requiring my services so I'm on the hunt for work.

About me: I'm a freelancing web designer/developer with experience in #wordpress (incl. #Elementor), #Shopify and #Eleventy. I very much enjoy working with #HTML and #CSS, and designing in #Figma.

I'm based in Australia working with clients worldwide, looking for individual projects or ongoing agency contract work. Happy to share portfolio examples if you're interested.

#getfedihired #webdev #webdevjobs #freelancer #webdesign

No one is immune from change. One of my major clients is restructuring and won't be requiring my services so I'm on the hunt for work.

About me: I'm a freelancing web designer/developer with experience in #wordpress (incl. #Elementor), #Shopify and #Eleventy. I very much enjoy working with #HTML and #CSS, and designing in #Figma.

I'm based in Australia working with clients worldwide, looking for individual projects or ongoing agency contract work. Happy to share portfolio examples if you're interested.

#getfedihired #webdev #webdevjobs #freelancer #webdesign

Figma recebe três novas ferramentas de IA para edição de imagem e "ataca" o Photoshop
🔗 https://tugatech.com.pt/t75454-figma-recebe-tres-novas-ferramentas-de-ia-para-edicao-de-imagem-e-ataca-o-photoshop

#figma #ia #imagem #photoshop 

Мой самый упрямый экран. Figma была свидетелем

Неделю назад я написал нашему программисту: «Знаешь, наверное, к концу следующей недели я сделаю дизайн всего приложения». Да, отличное начало для истории о том, как один экран может выбесить. Делюсь ссылкой на свой проект в Figma

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

#фигма #figma #ux_design #ux #app #приложение #прототип #стартап #atmy #личный_опыт