Waterflai
  • Welcome to Waterflai
  • Getting Started
    • Concepts
    • Quickstart
  • Providers
    • Providers Overview
    • Providers setup
    • AI models
    • Choose the right models
  • Knowledge
    • Knowledge Overview
    • Knowledge connectors
    • Knowledge collections
  • Studio
    • Studio Overview
    • Studio Builders
      • Light Builder
      • Dream Builder
      • Workflow Builder
      • Flow components (nodes)
        • Input Node
        • Output Node
        • LLM model Node
        • Multimodal LLM Node
        • Dall-E 2 (image generation) Node
        • Dall-E 3 (image generation) Node
        • Sora video generation Node
        • Text-to-Speech (TTS) Node
        • Speech-to-Text (STT) Node
        • OCR Node
        • Agent Node
        • Reranker Node
        • Knowledge retrieval Node
        • Vector store insert Node
        • Vector store record delete Node
        • Gitbook loader
        • Notion Database Node
        • Figma Node
        • Webpage scraper Node
        • Sitemap Scraper Node
        • API Request Node
        • Document metadata extraction Node
        • Document metadata update Node
        • Character splitter Node
        • HTML splitter Node
        • Markdown Splitter
        • Calculator tool Node
        • Text as tool Node
        • Knowledge retrieval tool Node
        • Conditional Node
        • Iteration loop Node
      • Testing and Debugging
    • Publishing
    • Integration with API
    • Embedding in website
  • Analytics
    • Analytics Overview
    • Dashboards
    • Logs
  • Administration
    • Organization users
    • Workspace
    • Security and permissions
  • Troubleshooting
    • Support
Powered by GitBook
On this page
  • Overview
  • Configuration
  • Best Practices
  • Common Issues
  1. Studio
  2. Studio Builders
  3. Flow components (nodes)

Figma Node

Overview

The Figma Loader Node allows you to extract content and metadata from Figma components (nodes). It enables access to specific elements within Figma designs through node IDs, making it useful for incorporating design content and specifications into your flow.

Usage cost: 1 credit

Configuration

Settings

  1. Authentication

    • Figma Tool*: Select a configured Figma integration

      • Must be set up in Knowledge & Tools section

      • Contains API access token

  2. File Configuration

    • File Key*: Unique identifier of the Figma file

      • Found in Figma file URL: figma.com/file/{file_key}/filename

    • Node IDs*: Specific elements to extract

      • Comma-separated without spaces

      • Can specify multiple elements

Output Ports

  1. documents (List[Document]):

    • List of Document objects containing Figma elements

    • Includes content and metadata

    • Element properties and specifications

  2. documents_content (List[string]):

    • Extracted text content from elements

    • Raw content without metadata

Best Practices

  1. File Access

    • Ensure file sharing permissions are correct

    • Use appropriate view access levels

  2. Performance

    • Limit number of nodes per request

Common Issues

  • Authentication token expiration

  • Invalid file keys

  • Incorrect node IDs

  • File access permission errors

PreviousNotion Database NodeNextWebpage scraper Node

Last updated 3 months ago