Figma Document Loader
🚀
Enhanced
Direct integration with Langfuse tracing
 (1) (1) (1) (1) (1) (1) (1).png)
Figma Node
Figma is a collaborative web application for interface design. This module provides functionality to load and process content from Figma files, including text, components, and metadata.
This module provides a sophisticated Figma document loader that can:
- Load content from specific Figma files
- Extract text from selected nodes
- Process content recursively
- Handle authentication with Figma API
- Process content with text splitters
- Customize metadata extraction
Inputs
Required Parameters
- File Key: The unique identifier for the Figma file (from file URL)
- Node IDs: Comma-separated list of node identifiers to extract
- Connect Credential: Figma API credentials (access token)
Optional Parameters
- Recursive: Whether to process nodes recursively
- Text Splitter: A text splitter to process the extracted content
- Additional Metadata: JSON object with additional metadata
- Omit Metadata Keys: Comma-separated list of metadata keys to omit
Outputs
- Document: Array of document objects containing metadata and pageContent
- Text: Concatenated string from pageContent of documents
Features
- API-based content extraction
- Node-level content selection
- Recursive processing
- Text splitting support
- Metadata customization
- Error handling
- Authentication management
File Key Format
The file key can be found in the Figma file URL:
https://www.figma.com/file/:key/:titleExample: In https://www.figma.com/file/12345/Website, the file key is 12345
Node IDs
To get Node IDs:
- Install the Node Inspector plugin in Figma
- Select the desired elements
- Copy the Node IDs from the inspector
- Use comma-separated format: “0, 1, 2”
Notes
- Requires valid Figma access token
- Node IDs must be valid for the file
- Supports recursive content extraction
- Can process multiple nodes at once
- Handles API rate limits and errors
- Preserves node hierarchy in metadata
- Supports custom metadata addition