Only this pageAll pages
Powered by GitBook
1 of 3

Figma documents

Loading...

Loading...

Loading...

Figma Config 2022 -Tuesday, May 10, 2022


✨ Config 2022 launches

We launched 15 new features at our annual conference! Check out the full list below:

  • Dark mode: Design in comfort and reduce eye fatigue with dark mode on desktop and web.

  • Auto layout: Create fully responsive designs with new layout options, a redesigned properties panel, and on-canvas controls.

  • Component properties: Use component properties to add text, boolean, and instance overrides to reduce manual variant creation

  • Spring animations: Create more natural and fluid transition animations when prototyping.

  • FigJam widgets: We now have more FigJam widgets, including ones integrated with Jira, Asana, and Github

  • Variable fonts: Broaden the possibilities of your designs and typography with a wide range of font styles and features.

  • Spotlight: Select to spotlight yourself so that others can follow you in Figma and FigJam files.

  • Individual strokes: Use partial borders to create more customized tables, headers, and more.

  • Review states for branching: Approve updates, share contextual design feedback, and request changes through branching and without leaving Figma

  • International keyboards (beta): German, French, and Japanese keyboard shortcuts have been remapped for easier access

  • Updated outlines: Showing outlines now reveals hidden objects, bounding boxes, and let's you select nodes from behind

  • Password-protected links: Share files and prototypes publicly with more control

  • Favoriting files: Use favorites to access your most relevant and important files faster

  • Desktop tab updates: Recover, pin, and drag tabs on desktop to customize your workspace

  • Widget Code Generator: Create widgets more easily using our new plugin that translates Figma designs into working widget code

Learn more about Config 2022.

Older Post Home

✨ Config 2022 啟動

我們在年會上推出了 15 個新功能!查看下面的完整列表:

  • 深色模式:在桌面和網頁上使用深色模式進行舒適設計並減少眼睛疲勞。

  • 自動佈局:使用新佈局選項、重新設計的屬性面板和畫布控件創建完全響應式設計。

  • 組件屬性:使用組件屬性添加文本、布爾值和實例覆蓋以減少手動創建變體

  • 彈簧動畫:在原型製作時創建更自然流暢的過渡動畫。

  • FigJam 小部件:我們現在有更多 FigJam 小部件,包括與 Jira、Asana 和 Github 集成的小部件

  • 可變字體:通過各種字體樣式和功能拓寬您的設計和排版的可能性。

  • 聚焦:選擇聚焦自己,以便其他人可以在 Figma 和 FigJam 文件中關注您。

  • 個別筆劃: 使用部分邊框創建更多自定義表格、標題等。

  • Review states for branching:在不離開 Figma 的情況下通過分支批准更新、分享上下文設計反饋以及請求更改

  • [國際鍵盤(測試版)](https://help.figma.com/hc/en-us/articles/5665442977431):德語、法語和日語鍵盤快捷鍵已重新映射,以便於訪問

  • 更新輪廓:顯示輪廓現在可以顯示隱藏對象、邊界框,讓您從後面選擇節點

  • 受密碼保護的鏈接:公開共享文件和原型並獲得更多控制權

  • 收藏文件:使用收藏夾更快地訪問您最相關和最重要的文件

  • 桌面標籤更新:恢復、固定和拖動桌面上的標籤以自定義您的工作區

  • 小部件代碼生成器:使用我們的新插件更輕鬆地創建小部件,該插件將 Figma 設計轉換為工作小部件代碼

詳細了解 Config 2022。

  • Figma Config 2022 設計大會與 Figma 功能 15 項重大更新

changelog

Awesome Figma

內容

  • 視頻

  • 文章

  • 社區

  • 開源插件

  • 插件開發

  • 模板和 UI 工具包

  • Rest API 集成

  • 客戶

  • 轉換器

視頻

  • Figma Tips & Tricks - UI 設計師的超能力

  • Figma Plugins Show & Tell

  • Figma 插件:我最喜歡的 5 個 Figma 插件

  • 我如何使用 Figma 設計出色的網站 UI

  • 使用 Figma 在 1 小時內設計一個網站

  • Sketch vs Figma - 為什麼我切換了!

文章

  • Introducing: Figma to React

  • Adobe XD vs Sketch vs Figma vs InVision

  • 我們對 Figma 的評論,谷歌設計師文檔!

  • 使用 Figma 構建組件庫

  • Sketch vs Figma、Adobe XD 和其他 UI 設計應用程序

  • Figma 中的組件架構

  • Figma 設計系統——動態元素的力量

  • 堆棧鏡像:為代碼而設計和為設計而編碼

  • UI 設計師創建表單和輸入的指南

  • 在 Figma 中使用組件的 10 個技巧

  • Figma 插件的 UX

## 社區

  • Figma Plugins Slack

  • Figma Spectrum

開源插件

  • Themer - 一個 Figma 插件,旨在讓您在來自不同已發布庫的同名樣式之間進行交換。

  • figma-plugins-on-github - 已在 GitHub 上共享的 Figma 插件列表。

  • Figlight - Figma 的代碼高亮。

  • FigmaThird - 在 Figma 中導入、點亮和使用 3D 模型。

  • svg-to-jsx - Figma 插件將 svg 複製為一個反應組件。

  • figma-latex-complete-plugin - 將 LaTeX 放入 Figma 文檔中。

  • system.colors - 從流行的設計系統導入調色板。

  • figma-speech-recognition - 嘿 Figma 語音識別。

  • FigmaToCode - 在 Tailwind、Flutter 和 SwiftUI 上生成響應式頁面和應用程序。

  • html-figma - 將 HTML 導入 Figma 圖層的插件。

  • tailwindcss-figma-plugin - TailwindCSS 的 Figma 插件。

  • design-tokens - Figma 插件,用於以亞馬遜風格的字典兼容格式將設計令牌導出到 json。

##插件開發

  • react-figma - 將 React 組件渲染到 Figma。

  • figma-jsonrpc - 利用 JSON-RPC 在 Figma 插件和 Figma UI 之間進行通信。

  • figma-api-stub - Figma API 存根。

  • figplug - Figma 插件生成器。

  • figma-messenger - 類型安全的 iframe - 主線程通信。

  • figma-plugin-helpers - 一組有用的幫助函數,可導入到您的 Figma 插件項目中。

  • create-figma-plugin - 用於開發 Figma 插件的綜合工具包。

  • figx - 一個全面可靠的 figma 實用程序庫。

模板和 UI 工具包

  • free-figma-bootstrap-5-ui-kit - 通過一系列具有強大自動佈局功能的預構建 Figma 組件加快設計速度和調整約束。

  • figma-plugin-ds - 一個用於 Figma 插件的小型輕量級設計系統。

  • figma-ui-components - 一組非官方的 Figma UI 組件。

  • figma-styled-components - Figma UI 風格的組件。

  • tailwindcss-figma-kit - TailwindCSS 的 Figma 套件。

Rest API 集成

  • storybook-addon-figma - 在故事書面板中嵌入 Figma 設計。

  • figma-assets-export - 從 Figma 導出資產並將其下載為本地文件。

  • figma-api-demo - 該項目包含使用 Figma API 的演示應用程序。

  • Figma.js - Figma API 的簡單 JS 包裝器。

  • figma-graphql - Figma API 的 GraphQL 連接器。

  • Figma-To-Pdf - 使用 API 從 Figma 導出 pdf 的簡單演示。

  • figma-theme - 從 Figma Styles 生成開發就緒的主題 JSON 文件。

  • figma-to-flutter - 將 Figma 組件轉換為 Flutter 小部件的 Dart 代碼生成器。

  • Figma to web - 該存儲庫將收集與 Figma 與 Web 集成相關的所有開發。

  • figma-and-production - 如何同步 Figma 和生產的示例。

  • Figma Asset Downloader - 優化並直接將資產下載到您的計算機。

  • figma-slack-updates - 從 Figma 文件的版本歷史中發布更新到 Slack。

  • figma-tools - 幫助您以編程方式與 Figma 文件交互的工具。

  • figma-export - 命令行實用程序,用於將顏色、排版、圖標和圖像從 Figma 導出到 Xcode / Android Studio 項目。

  • figma-lottie - Figma Lottie 集成。

客戶

  • Figmac - 一款超輕量級的 Figma 桌面應用,提供更自然的 Mac 體驗。

  • figma-app-ubuntu - Figma,Snap Package(非官方)。

  • figma-linux - Figma 電子應用程序(非官方)。

轉換器

  • Aeux - 輕鬆將 Figma 設計移動到 Adob​​e After Effects。

  • Figma to Sketch/XD Converter - 允許您在 Sketch 和 Adob​​e XD 中轉換和打開 Figma 設計。

Figma 熱門關鍵字
  • figma模型

  • figma素材

  • figma中文

  • figma教學

  • figma意思

  • figma是什麼

  • figma下載

  • figma中文介面

  • figma下載檔案

  • figma付費方案

Bookmark

Figma Archives - Growth Hacking 成長駭客社群Growth Hacking 成長駭客社群
Figma-初學者的入門心得Medium
Logo
Logo