Only this pageAll pages
Powered by GitBook
1 of 3

Figma documents

Loading...

Loading...

Loading...

changelog

Awesome Figma

內容

  • 視頻

  • 文章

  • 社區

## 社區

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

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

  • - Figma 的代碼高亮。

##插件開發

  • - 將 React 組件渲染到 Figma。

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

  • - Figma API 存根。

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

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

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

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

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

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

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

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

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

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

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

我如何使用 Figma 設計出色的網站 UI
  • 使用 Figma 在 1 小時內設計一個網站

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

  • 使用 Figma 構建組件庫
  • Sketch vs Figma、Adobe XD 和其他 UI 設計應用程序

  • Figma 中的組件架構

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

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

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

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

  • Figma 插件的 UX

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

  • figplug - Figma 插件生成器。
  • figma-messenger - 類型安全的 iframe - 主線程通信。

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

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

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

  • figma-styled-components - Figma UI 風格的組件。
  • tailwindcss-figma-kit - TailwindCSS 的 Figma 套件。

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

  • 視頻

    文章

    開源插件

    模板和 UI 工具包

    Rest API 集成

    客戶

    轉換器

    Figma 熱門關鍵字
    • figma模型

    • figma素材

    • figma中文

    • figma教學

    • figma意思

    • figma是什麼

    • figma下載

    • figma中文介面

    • figma下載檔案

    • figma付費方案

    Bookmark

    開源插件
    插件開發
    模板和 UI 工具包
    Rest API 集成
    客戶
    轉換器
    Figma Tips & Tricks - UI 設計師的超能力
    Figma Plugins Show & Tell
    Figma 插件:我最喜歡的 5 個 Figma 插件
    Introducing: Figma to React
    Adobe XD vs Sketch vs Figma vs InVision
    我們對 Figma 的評論,谷歌設計師文檔!
    Figma Plugins Slack
    Figma Spectrum
    Themer
    figma-plugins-on-github
    Figlight
    react-figma
    figma-jsonrpc
    figma-api-stub
    free-figma-bootstrap-5-ui-kit
    figma-plugin-ds
    figma-ui-components
    storybook-addon-figma
    figma-assets-export
    figma-api-demo
    Figmac
    figma-app-ubuntu
    figma-linux
    Aeux
    Figma to Sketch/XD Converter

    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.

    • : 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 .

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

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

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

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

    詳細了解 。

    :在原型製作時創建更自然流暢的過渡動畫。
  • :我們現在有更多 FigJam 小部件,包括與 Jira、Asana 和 Github 集成的小部件

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

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

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

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

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

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

  • :公開共享文件和原型並獲得更多控制權

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

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

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

  • ✨ Config 2022 啟動

    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 項重大更新
    彈簧動畫
    FigJam 小部件
    可變字體
    聚焦
    個別筆劃:
    Review states for branching
    更新輪廓
    受密碼保護的鏈接
    收藏文件
    桌面標籤更新
    小部件代碼生成器
    Figma-初學者的入門心得Medium
    Logo
    https://hypergrowths.com/startups/product-design/figmahypergrowths.com