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.

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

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

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

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

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

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

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

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

  • : German, French, and Japanese keyboard shortcuts have been remapped for easier access

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

  • : Share files and prototypes publicly with more control

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

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

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

Learn more about .

✨ 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 設計轉換為工作小部件代碼

  • Auto layout
    Component properties
    Spring animations
    FigJam widgets
    Variable fonts
    Spotlight
    Individual strokes:
    Review states for branching
    International keyboards (beta)
    Updated outlines
    Password-protected links
    Favoriting files
    Desktop tab updates
    Widget Code Generator
    Config 2022
    Older Post
    Home
    深色模式
    自動佈局
    組件屬性
    彈簧動畫
    Config 2022
    Figma Config 2022 設計大會與 Figma 功能 15 項重大更新

    changelog

    Awesome Figma

    內容

    • 視頻

    • 文章

    視頻

    文章

    ## 社區

    開源插件

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

    • - 已在 GitHub 上共享的 Figma 插件列表。

    • - Figma 的代碼高亮。

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

    ##插件開發

    • - 將 React 組件渲染到 Figma。

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

    • - Figma API 存根。

    • - Figma 插件生成器。

    模板和 UI 工具包

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

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

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

    • - Figma UI 風格的組件。

    Rest API 集成

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

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

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

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

    客戶

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

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

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

    轉換器

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

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

    Figma 熱門關鍵字
    • figma模型

    • figma素材

    Bookmark

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

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

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

  • Figma 中的組件架構

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

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

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

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

  • Figma 插件的 UX

  • 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。

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

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

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

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

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

  • 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 集成。

  • figma中文
  • figma教學

  • figma意思

  • figma是什麼

  • figma下載

  • figma中文介面

  • figma下載檔案

  • figma付費方案

  • 社區
    開源插件
    插件開發
    模板和 UI 工具包
    Rest API 集成
    客戶
    轉換器
    Figma Tips & Tricks - UI 設計師的超能力
    Figma Plugins Show & Tell
    Figma 插件:我最喜歡的 5 個 Figma 插件
    我如何使用 Figma 設計出色的網站 UI
    Introducing: Figma to React
    Adobe XD vs Sketch vs Figma vs InVision
    我們對 Figma 的評論,谷歌設計師文檔!
    使用 Figma 構建組件庫
    Figma Plugins Slack
    Figma Spectrum
    Themer
    figma-plugins-on-github
    Figlight
    FigmaThird
    react-figma
    figma-jsonrpc
    figma-api-stub
    figplug
    free-figma-bootstrap-5-ui-kit
    figma-plugin-ds
    figma-ui-components
    figma-styled-components
    storybook-addon-figma
    figma-assets-export
    figma-api-demo
    Figma.js
    Figmac
    figma-app-ubuntu
    figma-linux
    Aeux
    Figma to Sketch/XD Converter
    Figma-初學者的入門心得Medium
    https://hypergrowths.com/startups/product-design/figmahypergrowths.com
    Logo