# ui.surf

> Explore UI design and engineering on ui.surf through in-depth articles, practical methods and design tools for building and evaluating interfaces.

## 简体中文

这是 ui.surf 的多语言页面索引。请以链接页面的内容、作者和日期为引用依据；缺少译文时以原文为准。

- [探索 UI 设计与工程](https://ui.surf/zh-cn): ui.surf 分享 UI 设计与工程的深度文章、实践方法和设计工具，探索界面如何被设计、实现与验证。
- [关于](https://ui.surf/zh-cn/about): 了解 ui.surf 的编辑方向、主编及联系方式，一起探索 UI 设计与工程。
- [全部文章](https://ui.surf/zh-cn/articles): ui.surf 的全部长文，每月两篇，按发布时间排列。
- [设计师工具](https://ui.surf/zh-cn/tools): 发现 ui.surf 的设计工具与插件，查看功能、使用方法、版本记录和下载信息。
- [深度](https://ui.surf/zh-cn/category/deep): 花几周把一个问题弄清楚。
- [案例](https://ui.surf/zh-cn/category/case): 一个产品、一次改版的完整复盘。
- [访谈](https://ui.surf/zh-cn/category/interview): 和做事的人聊他们为什么这样做。
- [教程](https://ui.surf/zh-cn/category/tutorial): 可以直接拿去用的方法与规则。
- [图集](https://ui.surf/zh-cn/category/gallery): 用图说话。
- [#GPU UI](https://ui.surf/zh-cn/tags/GPU%20UI): ui.surf 上关于「GPU UI」的文章。
- [#趋势报告](https://ui.surf/zh-cn/tags/%E8%B6%8B%E5%8A%BF%E6%8A%A5%E5%91%8A): ui.surf 上关于「趋势报告」的文章。
- [#AI 工具](https://ui.surf/zh-cn/tags/AI%20%E5%B7%A5%E5%85%B7): ui.surf 上关于「AI 工具」的文章。
- [#无障碍](https://ui.surf/zh-cn/tags/%E6%97%A0%E9%9A%9C%E7%A2%8D): ui.surf 上关于「无障碍」的文章。
- [AI 效率下，浅谈现在的 UI 工程](https://ui.surf/zh-cn/articles/gpu-ui-frameworks-ai-era): Web 跨端是 AI 之前的好答卷。现在写代码便宜了，验证还没有，GPU UI 和每端直接生成原生都有了机会。我们实测了 10 个框架。
- [Pen2Figma](https://ui.surf/zh-cn/tools/pen2figma): 把 pen.dev 设计稿导入 Figma，保留自动布局、组件、变量和主题。
- [搜索](https://ui.surf/zh-cn/search): 搜索 ui.surf 的文章、标签和作者。
- [RSS](https://ui.surf/zh-cn/rss.xml)

## 繁體中文

這是 ui.surf 的多語言頁面索引。請以連結頁面的內容、作者和日期為引用依據；缺少譯文時以原文為準。

- [探索 UI 設計與工程](https://ui.surf/zh-hant): ui.surf 分享 UI 設計與工程的深度文章、實踐方法和設計工具，探索介面如何被設計、實作與驗證。
- [關於](https://ui.surf/zh-hant/about): 了解 ui.surf 的編輯方向、主編及聯絡方式，一起探索 UI 設計與工程。
- [全部文章](https://ui.surf/zh-hant/articles): ui.surf 的全部長文，每月兩篇，依發布時間排列。
- [設計師工具](https://ui.surf/zh-hant/tools): 探索 ui.surf 的設計工具與外掛，查看功能、使用方法、版本記錄和下載資訊。
- [深度](https://ui.surf/zh-hant/category/deep): 花幾週把一個問題弄清楚。
- [案例](https://ui.surf/zh-hant/category/case): 一個產品、一次改版的完整復盤。
- [訪談](https://ui.surf/zh-hant/category/interview): 和做事的人聊聊他們為什麼這樣做。
- [教學](https://ui.surf/zh-hant/category/tutorial): 可以直接拿去用的方法與規則。
- [圖集](https://ui.surf/zh-hant/category/gallery): 用圖說話。
- [#GPU UI](https://ui.surf/zh-hant/tags/GPU%20UI): ui.surf 上關於「GPU UI」的文章。
- [#趨勢報告](https://ui.surf/zh-hant/tags/%E8%B6%A8%E5%8B%A2%E5%A0%B1%E5%91%8A): ui.surf 上關於「趨勢報告」的文章。
- [#AI 工具](https://ui.surf/zh-hant/tags/AI%20%E5%B7%A5%E5%85%B7): ui.surf 上關於「AI 工具」的文章。
- [#無障礙](https://ui.surf/zh-hant/tags/%E7%84%A1%E9%9A%9C%E7%A4%99): ui.surf 上關於「無障礙」的文章。
- [AI 提升效率之後，重新看待 UI 工程](https://ui.surf/zh-hant/articles/gpu-ui-frameworks-ai-era): Web 跨平台是 AI 出現前的好答案。現在寫程式的成本降低了，驗證還沒有，GPU UI 和為各平台直接產生原生應用程式都有了機會。我們實測了 10 個框架。
- [Pen2Figma](https://ui.surf/zh-hant/tools/pen2figma): 把 pen.dev 設計稿匯入 Figma，保留自動版面、元件、變數和主題。
- [搜尋](https://ui.surf/zh-hant/search): 搜尋 ui.surf 的文章、標籤和作者。
- [RSS](https://ui.surf/zh-hant/rss.xml)

## English

This is the multilingual page index for ui.surf. Cite the content, authors and dates on linked pages; consult the original when a translation is unavailable.

- [Explore UI design and engineering](https://ui.surf/en): Explore UI design and engineering on ui.surf through in-depth articles, practical methods and design tools for building and evaluating interfaces.
- [About](https://ui.surf/en/about): Learn about ui.surf, its editorial focus, editor and contact information for UI design and engineering.
- [All articles](https://ui.surf/en/articles): Every long read from ui.surf, two a month, in order of publication.
- [Tools for designers](https://ui.surf/en/tools): Discover design tools and plugins from ui.surf, with features, usage guides, release notes and downloads.
- [Deep Dive](https://ui.surf/en/category/deep): Take a few weeks to understand one problem.
- [Case Study](https://ui.surf/en/category/case): A complete retrospective of one product and one redesign.
- [Interview](https://ui.surf/en/category/interview): Talking with people who make things about why they do it this way.
- [Tutorial](https://ui.surf/en/category/tutorial): Methods and rules you can put to use right away.
- [Gallery](https://ui.surf/en/category/gallery): Let the pictures talk.
- [#GPU UI](https://ui.surf/en/tags/GPU%20UI): Articles on ui.surf about “GPU UI”.
- [#Trend Report](https://ui.surf/en/tags/Trend%20Report): Articles on ui.surf about “Trend Report”.
- [#AI Tools](https://ui.surf/en/tags/AI%20Tools): Articles on ui.surf about “AI Tools”.
- [#Accessibility](https://ui.surf/en/tags/Accessibility): Articles on ui.surf about “Accessibility”.
- [UI Engineering in the Age of AI](https://ui.surf/en/articles/gpu-ui-frameworks-ai-era): Cross-platform Web UI was a good answer before AI. Writing code is cheaper now; verifying it is not. GPU UI and generating native apps for each platform both have an opening. We tested 10 frameworks.
- [Pen2Figma](https://ui.surf/en/tools/pen2figma): Import pen.dev designs into Figma with auto layout, components, variables and themes intact.
- [Search](https://ui.surf/en/search): Search ui.surf articles, tags and authors.
- [RSS](https://ui.surf/en/rss.xml)

## 日本語

ui.surf の多言語ページ索引です。引用時はリンク先の内容、著者、日付を確認し、翻訳がない場合は原文を参照してください。

- [UI デザインとエンジニアリングを探る](https://ui.surf/ja): ui.surf は UI デザインとエンジニアリングの深掘り記事、実践的な手法、デザインツールを紹介し、インターフェースの設計・実装・検証を探ります。
- [概要](https://ui.surf/ja/about): ui.surf の編集方針、編集長、連絡先を紹介します。UI デザインとエンジニアリングを一緒に探りましょう。
- [すべての記事](https://ui.surf/ja/articles): ui.surf の長文をすべて、月 2 本、公開順に掲載しています。
- [デザイナーのためのツール](https://ui.surf/ja/tools): ui.surf のデザインツールとプラグインの機能、使い方、更新履歴、ダウンロード情報を紹介します。
- [ディープ](https://ui.surf/ja/category/deep): 何週間もかけて、ひとつの問いを解き明かす。
- [ケーススタディ](https://ui.surf/ja/category/case): ひとつのプロダクト、ひとつのリニューアルを丸ごと振り返る。
- [インタビュー](https://ui.surf/ja/category/interview): ものをつくる人に、なぜそうするのかを聞く。
- [チュートリアル](https://ui.surf/ja/category/tutorial): そのまま使える方法とルール。
- [フォトエッセイ](https://ui.surf/ja/category/gallery): 図で語る。
- [#GPU UI](https://ui.surf/ja/tags/GPU%20UI): ui.surf の「GPU UI」に関する記事。
- [#動向レポート](https://ui.surf/ja/tags/%E5%8B%95%E5%90%91%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88): ui.surf の「動向レポート」に関する記事。
- [#AI ツール](https://ui.surf/ja/tags/AI%20%E3%83%84%E3%83%BC%E3%83%AB): ui.surf の「AI ツール」に関する記事。
- [#アクセシビリティ](https://ui.surf/ja/tags/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3): ui.surf の「アクセシビリティ」に関する記事。
- [AI で変わる UI エンジニアリングの現在地](https://ui.surf/ja/articles/gpu-ui-frameworks-ai-era): AI 以前、Web によるクロスプラットフォーム開発は優れた答えだった。今はコードを書くコストが下がったが、検証のコストは下がっていない。GPU UI にも、各プラットフォーム向けにネイティブアプリを直接生成する方法にも可能性がある。10 のフレームワークを実測した。
- [Pen2Figma](https://ui.surf/ja/tools/pen2figma): pen.dev のデザインを、オートレイアウト、コンポーネント、変数、テーマを保ったまま Figma に取り込みます。
- [検索](https://ui.surf/ja/search): ui.surf の記事、タグ、著者を検索します。
- [RSS](https://ui.surf/ja/rss.xml)

## 한국어

ui.surf의 다국어 페이지 색인입니다. 인용할 때 링크된 페이지의 내용, 저자와 날짜를 확인하고 번역이 없으면 원문을 참고하세요.

- [UI 디자인과 엔지니어링 탐구](https://ui.surf/ko): ui.surf에서 UI 디자인과 엔지니어링 심층 기사, 실용적인 방법과 디자인 도구를 살펴보고 인터페이스의 설계, 구현, 검증을 알아보세요.
- [소개](https://ui.surf/ko/about): ui.surf의 편집 방향, 편집장과 연락처를 소개합니다. UI 디자인과 엔지니어링을 함께 탐구하세요.
- [전체 아티클](https://ui.surf/ko/articles): ui.surf의 모든 롱폼 아티클. 매월 두 편, 발행순으로 정렬됩니다.
- [디자이너를 위한 도구](https://ui.surf/ko/tools): ui.surf의 디자인 도구와 플러그인의 기능, 사용법, 업데이트 내역과 다운로드 정보를 확인하세요.
- [딥다이브](https://ui.surf/ko/category/deep): 몇 주를 들여 하나의 문제를 끝까지 파고듭니다.
- [사례](https://ui.surf/ko/category/case): 하나의 제품, 한 번의 개편을 온전히 돌아봅니다.
- [인터뷰](https://ui.surf/ko/category/interview): 일하는 사람들과 그들이 그렇게 하는 이유를 이야기합니다.
- [튜토리얼](https://ui.surf/ko/category/tutorial): 바로 가져다 쓸 수 있는 방법과 규칙.
- [포토에세이](https://ui.surf/ko/category/gallery): 이미지로 이야기합니다.
- [#GPU UI](https://ui.surf/ko/tags/GPU%20UI): ui.surf의 「GPU UI」 관련 아티클.
- [#동향 보고서](https://ui.surf/ko/tags/%EB%8F%99%ED%96%A5%20%EB%B3%B4%EA%B3%A0%EC%84%9C): ui.surf의 「동향 보고서」 관련 아티클.
- [#AI 도구](https://ui.surf/ko/tags/AI%20%EB%8F%84%EA%B5%AC): ui.surf의 「AI 도구」 관련 아티클.
- [#접근성](https://ui.surf/ko/tags/%EC%A0%91%EA%B7%BC%EC%84%B1): ui.surf의 「접근성」 관련 아티클.
- [AI 시대, UI 엔지니어링은 어디로 가고 있나](https://ui.surf/ko/articles/gpu-ui-frameworks-ai-era): AI 이전에는 Web 기반 크로스 플랫폼이 좋은 답이었다. 이제 코드 작성 비용은 내려갔지만 검증 비용은 그대로다. GPU UI와 플랫폼별 네이티브 앱 직접 생성 모두 기회를 얻었다. 프레임워크 10개를 직접 측정했다.
- [Pen2Figma](https://ui.surf/ko/tools/pen2figma): pen.dev 디자인을 오토 레이아웃, 컴포넌트, 변수, 테마를 유지한 채 Figma로 가져옵니다.
- [검색](https://ui.surf/ko/search): ui.surf의 기사, 태그와 저자를 검색하세요.
- [RSS](https://ui.surf/ko/rss.xml)

## Español

Este es el índice multilingüe de ui.surf. Cita el contenido, los autores y las fechas de las páginas enlazadas; consulta el original si no hay traducción.

- [Explora el diseño y la ingeniería de UI](https://ui.surf/es): Explora el diseño y la ingeniería de UI en ui.surf con artículos en profundidad, métodos prácticos y herramientas para crear y evaluar interfaces.
- [Acerca de](https://ui.surf/es/about): Conoce ui.surf, su enfoque editorial, su editor y sus datos de contacto sobre diseño e ingeniería de UI.
- [Todos los artículos](https://ui.surf/es/articles): Todos los textos largos de ui.surf, dos al mes, por fecha de publicación.
- [Herramientas para diseñadores](https://ui.surf/es/tools): Descubre herramientas y plugins de diseño de ui.surf, con funciones, guías de uso, notas de versión y descargas.
- [En profundidad](https://ui.surf/es/category/deep): Unas semanas para entender bien un problema.
- [Caso](https://ui.surf/es/category/case): El análisis completo de un producto y un rediseño.
- [Entrevista](https://ui.surf/es/category/interview): Conversaciones con quienes hacen las cosas sobre por qué las hacen así.
- [Tutorial](https://ui.surf/es/category/tutorial): Métodos y reglas que puedes usar tal cual.
- [Galería](https://ui.surf/es/category/gallery): Hablar con imágenes.
- [#GPU UI](https://ui.surf/es/tags/GPU%20UI): Artículos de ui.surf sobre «GPU UI».
- [#Informe de tendencias](https://ui.surf/es/tags/Informe%20de%20tendencias): Artículos de ui.surf sobre «Informe de tendencias».
- [#Herramientas de IA](https://ui.surf/es/tags/Herramientas%20de%20IA): Artículos de ui.surf sobre «Herramientas de IA».
- [#Accesibilidad](https://ui.surf/es/tags/Accesibilidad): Artículos de ui.surf sobre «Accesibilidad».
- [La ingeniería de UI en la era de la IA](https://ui.surf/es/articles/gpu-ui-frameworks-ai-era): Antes de la IA, la Web multiplataforma era una buena respuesta. Ahora escribir código cuesta menos, pero verificarlo no. Tanto las UI con GPU como la generación de aplicaciones nativas para cada plataforma tienen una oportunidad. Probamos 10 frameworks.
- [Pen2Figma](https://ui.surf/es/tools/pen2figma): Importa diseños de pen.dev a Figma conservando auto layout, componentes, variables y temas.
- [Buscar](https://ui.surf/es/search): Busca artículos, etiquetas y autores en ui.surf.
- [RSS](https://ui.surf/es/rss.xml)

## Français

Voici l’index multilingue de ui.surf. Citez le contenu, les auteurs et les dates des pages liées ; consultez l’original en l’absence de traduction.

- [Explorer le design et l’ingénierie UI](https://ui.surf/fr): Explorez le design et l’ingénierie UI sur ui.surf à travers des articles approfondis, des méthodes pratiques et des outils de création et d’évaluation d’interfaces.
- [À propos](https://ui.surf/fr/about): Découvrez ui.surf, sa ligne éditoriale, son rédacteur en chef et ses coordonnées autour du design et de l’ingénierie UI.
- [Tous les articles](https://ui.surf/fr/articles): Tous les articles de fond de ui.surf, deux par mois, du plus récent au plus ancien.
- [Outils pour designers](https://ui.surf/fr/tools): Découvrez les outils et plugins de design de ui.surf : fonctionnalités, guides, notes de version et téléchargements.
- [Dossier](https://ui.surf/fr/category/deep): Prendre quelques semaines pour comprendre un seul problème.
- [Étude de cas](https://ui.surf/fr/category/case): Un produit, une refonte, le retour d'expérience complet.
- [Entretien](https://ui.surf/fr/category/interview): Discuter avec ceux qui font, pour comprendre leurs choix.
- [Tutoriel](https://ui.surf/fr/category/tutorial): Des méthodes et des règles à utiliser telles quelles.
- [Portfolio](https://ui.surf/fr/category/gallery): Parler par l'image.
- [#GPU UI](https://ui.surf/fr/tags/GPU%20UI): Les articles de ui.surf sur « GPU UI ».
- [#Rapport de tendances](https://ui.surf/fr/tags/Rapport%20de%20tendances): Les articles de ui.surf sur « Rapport de tendances ».
- [#Outils d’IA](https://ui.surf/fr/tags/Outils%20d%E2%80%99IA): Les articles de ui.surf sur « Outils d’IA ».
- [#Accessibilité](https://ui.surf/fr/tags/Accessibilit%C3%A9): Les articles de ui.surf sur « Accessibilité ».
- [L’ingénierie UI à l’heure de l’IA](https://ui.surf/fr/articles/gpu-ui-frameworks-ai-era): Avant l’IA, le Web multiplateforme apportait une bonne réponse. Écrire du code coûte désormais moins cher, mais le vérifier reste coûteux. Les UI sur GPU et la génération d’applications natives pour chaque plateforme ont toutes deux une carte à jouer. Nous avons testé 10 frameworks.
- [Pen2Figma](https://ui.surf/fr/tools/pen2figma): Importez vos maquettes pen.dev dans Figma en conservant l’auto layout, les composants, les variables et les thèmes.
- [Recherche](https://ui.surf/fr/search): Recherchez des articles, des tags et des auteurs sur ui.surf.
- [RSS](https://ui.surf/fr/rss.xml)

## Deutsch

Dies ist das mehrsprachige Seitenverzeichnis von ui.surf. Zitiere Inhalte, Autoren und Daten der verlinkten Seiten; nutze bei fehlender Übersetzung das Original.

- [UI-Design und Engineering entdecken](https://ui.surf/de): Entdecke UI-Design und Engineering auf ui.surf mit ausführlichen Artikeln, praktischen Methoden und Werkzeugen zum Gestalten und Prüfen von Benutzeroberflächen.
- [Über uns](https://ui.surf/de/about): Erfahre mehr über ui.surf, den redaktionellen Schwerpunkt, den Herausgeber und Kontaktmöglichkeiten zu UI-Design und Engineering.
- [Alle Artikel](https://ui.surf/de/articles): Alle Longreads von ui.surf, zwei pro Monat, nach Veröffentlichung sortiert.
- [Tools für Designer](https://ui.surf/de/tools): Entdecke Designwerkzeuge und Plugins von ui.surf mit Funktionen, Anleitungen, Versionshinweisen und Downloads.
- [Tiefgang](https://ui.surf/de/category/deep): Wochen investieren, um eine Frage wirklich zu klären.
- [Fallstudie](https://ui.surf/de/category/case): Ein Produkt, ein Redesign, vollständig aufgearbeitet.
- [Interview](https://ui.surf/de/category/interview): Gespräche mit Menschen, die machen, und warum sie es so machen.
- [Tutorial](https://ui.surf/de/category/tutorial): Methoden und Regeln, die du direkt einsetzen kannst.
- [Bildstrecke](https://ui.surf/de/category/gallery): Mit Bildern erzählen.
- [#GPU UI](https://ui.surf/de/tags/GPU%20UI): Artikel zu „GPU UI“ auf ui.surf.
- [#Trendreport](https://ui.surf/de/tags/Trendreport): Artikel zu „Trendreport“ auf ui.surf.
- [#KI-Werkzeuge](https://ui.surf/de/tags/KI-Werkzeuge): Artikel zu „KI-Werkzeuge“ auf ui.surf.
- [#Barrierefreiheit](https://ui.surf/de/tags/Barrierefreiheit): Artikel zu „Barrierefreiheit“ auf ui.surf.
- [UI-Engineering im Zeitalter der KI](https://ui.surf/de/articles/gpu-ui-frameworks-ai-era): Vor KI war plattformübergreifende Web-Entwicklung eine gute Antwort. Code zu schreiben ist inzwischen billiger, ihn zu prüfen noch nicht. GPU-UIs und direkt erzeugte native Apps für jede Plattform bekommen dadurch eine Chance. Wir haben 10 Frameworks getestet.
- [Pen2Figma](https://ui.surf/de/tools/pen2figma): Importiere pen.dev-Designs in Figma – Auto Layout, Komponenten, Variablen und Themes bleiben erhalten.
- [Suche](https://ui.surf/de/search): Suche nach Artikeln, Tags und Autoren auf ui.surf.
- [RSS](https://ui.surf/de/rss.xml)

## Português

Este é o índice multilíngue do ui.surf. Cite o conteúdo, os autores e as datas das páginas vinculadas; consulte o original quando não houver tradução.

- [Explore design e engenharia de UI](https://ui.surf/pt): Explore design e engenharia de UI no ui.surf com artigos aprofundados, métodos práticos e ferramentas para criar e avaliar interfaces.
- [Sobre](https://ui.surf/pt/about): Conheça o ui.surf, sua proposta editorial, seu editor e as informações de contato sobre design e engenharia de UI.
- [Todos os artigos](https://ui.surf/pt/articles): Todos os textos longos de ui.surf, dois por mês, em ordem de publicação.
- [Ferramentas para designers](https://ui.surf/pt/tools): Descubra ferramentas e plugins de design do ui.surf, com recursos, guias de uso, notas de versão e downloads.
- [Aprofundamento](https://ui.surf/pt/category/deep): Algumas semanas para entender um problema de verdade.
- [Estudo de caso](https://ui.surf/pt/category/case): A retrospectiva completa de um produto e de uma reformulação.
- [Entrevista](https://ui.surf/pt/category/interview): Conversas com quem faz, sobre por que faz assim.
- [Tutorial](https://ui.surf/pt/category/tutorial): Métodos e regras que você pode usar direto.
- [Galeria](https://ui.surf/pt/category/gallery): Falar por meio de imagens.
- [#GPU UI](https://ui.surf/pt/tags/GPU%20UI): Artigos de ui.surf sobre “GPU UI”.
- [#Relatório de tendências](https://ui.surf/pt/tags/Relat%C3%B3rio%20de%20tend%C3%AAncias): Artigos de ui.surf sobre “Relatório de tendências”.
- [#Ferramentas de IA](https://ui.surf/pt/tags/Ferramentas%20de%20IA): Artigos de ui.surf sobre “Ferramentas de IA”.
- [#Acessibilidade](https://ui.surf/pt/tags/Acessibilidade): Artigos de ui.surf sobre “Acessibilidade”.
- [Engenharia de UI na era da IA](https://ui.surf/pt/articles/gpu-ui-frameworks-ai-era): Antes da IA, a Web multiplataforma era uma boa resposta. Agora ficou mais barato escrever código, mas verificá-lo ainda custa o mesmo. Tanto a UI com GPU quanto a geração de apps nativos para cada plataforma ganharam espaço. Testamos 10 frameworks.
- [Pen2Figma](https://ui.surf/pt/tools/pen2figma): Importe designs do pen.dev para o Figma mantendo auto layout, componentes, variáveis e temas.
- [Buscar](https://ui.surf/pt/search): Pesquise artigos, tags e autores no ui.surf.
- [RSS](https://ui.surf/pt/rss.xml)

## Русский

Это многоязычный указатель страниц ui.surf. Ссылайтесь на содержание, авторов и даты связанных страниц; при отсутствии перевода используйте оригинал.

- [Дизайн и инженерия UI](https://ui.surf/ru): Изучайте дизайн и инженерию UI на ui.surf: подробные статьи, практические методы и инструменты для создания и проверки интерфейсов.
- [О проекте](https://ui.surf/ru/about): Узнайте об ui.surf, редакционном подходе, редакторе и способах связи по вопросам дизайна и инженерии UI.
- [Все статьи](https://ui.surf/ru/articles): Все длинные статьи ui.surf: две в месяц, по дате публикации.
- [Инструменты для дизайнеров](https://ui.surf/ru/tools): Инструменты и плагины для дизайна от ui.surf: возможности, инструкции, история версий и загрузки.
- [Глубина](https://ui.surf/ru/category/deep): Несколько недель на то, чтобы разобраться в одном вопросе.
- [Кейс](https://ui.surf/ru/category/case): Полный разбор одного продукта и одного редизайна.
- [Интервью](https://ui.surf/ru/category/interview): Говорим с теми, кто делает дело, о том, почему они делают именно так.
- [Практикум](https://ui.surf/ru/category/tutorial): Методы и правила, которые можно взять и применять.
- [Галерея](https://ui.surf/ru/category/gallery): Говорим картинками.
- [#GPU UI](https://ui.surf/ru/tags/GPU%20UI): Статьи ui.surf на тему «GPU UI».
- [#Обзор тенденций](https://ui.surf/ru/tags/%D0%9E%D0%B1%D0%B7%D0%BE%D1%80%20%D1%82%D0%B5%D0%BD%D0%B4%D0%B5%D0%BD%D1%86%D0%B8%D0%B9): Статьи ui.surf на тему «Обзор тенденций».
- [#Инструменты ИИ](https://ui.surf/ru/tags/%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B%20%D0%98%D0%98): Статьи ui.surf на тему «Инструменты ИИ».
- [#Доступность](https://ui.surf/ru/tags/%D0%94%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D1%8C): Статьи ui.surf на тему «Доступность».
- [UI-инженерия в эпоху ИИ](https://ui.surf/ru/articles/gpu-ui-frameworks-ai-era): До ИИ кроссплатформенный Web был хорошим ответом. Теперь писать код дешевле, а проверять — пока нет. Шанс появился и у GPU UI, и у генерации нативных приложений для каждой платформы. Мы протестировали 10 фреймворков.
- [Pen2Figma](https://ui.surf/ru/tools/pen2figma): Импорт макетов pen.dev в Figma с сохранением автолейаута, компонентов, переменных и тем.
- [Поиск](https://ui.surf/ru/search): Поиск статей, тегов и авторов на ui.surf.
- [RSS](https://ui.surf/ru/rss.xml)

## العربية

هذا فهرس صفحات ui.surf متعدد اللغات. استند عند الاقتباس إلى محتوى الصفحات المرتبطة ومؤلفيها وتواريخها، وراجع الأصل عند غياب الترجمة.

- [استكشف تصميم الواجهات وهندستها](https://ui.surf/ar): استكشف تصميم واجهات المستخدم وهندستها على ui.surf من خلال مقالات معمقة وأساليب عملية وأدوات لتصميم الواجهات وتنفيذها وتقييمها.
- [حول](https://ui.surf/ar/about): تعرّف على ui.surf وتوجهه التحريري ومحرره وطرق التواصل حول تصميم واجهات المستخدم وهندستها.
- [كل المقالات](https://ui.surf/ar/articles): كل المقالات الطويلة في ui.surf، بمعدل مقالتين شهريًا، مرتبة بحسب تاريخ النشر.
- [أدوات للمصممين](https://ui.surf/ar/tools): اكتشف أدوات التصميم والإضافات من ui.surf مع الميزات وأدلة الاستخدام وملاحظات الإصدارات والتنزيلات.
- [تعمّق](https://ui.surf/ar/category/deep): نقضي أسابيع في فهم مسألة واحدة.
- [دراسة حالة](https://ui.surf/ar/category/case): مراجعة كاملة لمنتج واحد وإعادة تصميم واحدة.
- [مقابلة](https://ui.surf/ar/category/interview): نحاور من يعملون، ونسألهم لماذا يعملون هكذا.
- [دليل تعليمي](https://ui.surf/ar/category/tutorial): أساليب وقواعد يمكنك استعمالها مباشرة.
- [معرض صور](https://ui.surf/ar/category/gallery): نتحدث بالصور.
- [#GPU UI](https://ui.surf/ar/tags/GPU%20UI): مقالات ui.surf عن «GPU UI».
- [#تقرير الاتجاهات](https://ui.surf/ar/tags/%D8%AA%D9%82%D8%B1%D9%8A%D8%B1%20%D8%A7%D9%84%D8%A7%D8%AA%D8%AC%D8%A7%D9%87%D8%A7%D8%AA): مقالات ui.surf عن «تقرير الاتجاهات».
- [#أدوات الذكاء الاصطناعي](https://ui.surf/ar/tags/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B0%D9%83%D8%A7%D8%A1%20%D8%A7%D9%84%D8%A7%D8%B5%D8%B7%D9%86%D8%A7%D8%B9%D9%8A): مقالات ui.surf عن «أدوات الذكاء الاصطناعي».
- [#إمكانية الوصول](https://ui.surf/ar/tags/%D8%A5%D9%85%D9%83%D8%A7%D9%86%D9%8A%D8%A9%20%D8%A7%D9%84%D9%88%D8%B5%D9%88%D9%84): مقالات ui.surf عن «إمكانية الوصول».
- [هندسة UI في عصر الذكاء الاصطناعي](https://ui.surf/ar/articles/gpu-ui-frameworks-ai-era): كان Web متعدد المنصات إجابة جيدة قبل الذكاء الاصطناعي. أصبحت كتابة الكود أقل كلفة، لكن التحقق منه لم يصبح كذلك. وهذا يفتح المجال أمام GPU UI وتوليد تطبيقات أصلية لكل منصة مباشرة. اختبرنا 10 أطر عمل.
- [Pen2Figma](https://ui.surf/ar/tools/pen2figma): استورد تصاميم pen.dev إلى Figma مع الحفاظ على التخطيط التلقائي والمكوّنات والمتغيرات والسمات.
- [بحث](https://ui.surf/ar/search): ابحث في مقالات ui.surf والوسوم والمؤلفين.
- [RSS](https://ui.surf/ar/rss.xml)