Figma Document Loader

​

Node Details

• Name: figma
• Type: Document
• Category: Document Loaders
• Version: 1.0
• Base Class: Document

​

Credentials

• Type: figmaApi
• Required Parameters:
  • accessToken: Figma API access token

​

Input Parameters

1. File Key (required)
   • Type: string
   • Description: The unique identifier for the Figma file. It can be found in the Figma file URL: https://www.figma.com/file/:key/:title
2. Node IDs (required)
   • Type: string
   • Description: A comma-separated list of Node IDs to extract data from. Node IDs can be obtained using the Figma Node Inspector plugin.
3. Recursive (optional)
   • Type: boolean
   • Description: If set to true, the loader will recursively extract data from child nodes.
4. Text Splitter (optional)
   • Type: TextSplitter
   • Description: A text splitter to process the extracted text. If provided, the loader will split the documents using this splitter.
5. Additional Metadata (optional)
   • Type: json
   • Description: Additional metadata to be added to the extracted documents.
6. Omit Metadata Keys (optional)
   • Type: string
   • Description: A comma-separated list of metadata keys to omit from the final output. Use ’*’ to omit all default metadata keys.

​

Output

• pageContent: The extracted text content from the Figma node
• metadata: Associated metadata, which may include:
  • Figma-specific information (e.g., node ID, node type)
  • Any additional metadata provided in the input
  • Metadata may be filtered based on the “Omit Metadata Keys” input

​

Usage

1. Extracting text content from Figma designs for natural language processing tasks
2. Analyzing design elements and structure programmatically
3. Incorporating design information into AI training data
4. Automating documentation processes based on Figma designs

​

Implementation Details

• Uses the FigmaFileLoader from the @langchain/community package
• Supports optional text splitting using a provided TextSplitter
• Allows for customization of metadata inclusion and exclusion
• Handles authentication through Figma API credentials

​

Note