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/:title
```
Example: In `https://www.figma.com/file/12345/Website`, the file key is `12345`
## Node IDs
To get Node IDs:
1. Install the Node Inspector plugin in Figma
2. Select the desired elements
3. Copy the Node IDs from the inspector
4. 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
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.flowiseai.com/integrations/langchain/document-loaders/figma.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.