!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())

[Skip to main content](#__docusaurus_skipToContent_fallback)

LangChain v0.2 is coming soon! Preview the new docs [here](/v0.2/docs/introduction/).

[

![🦜️🔗 Langchain](/v0.1/img/brand/wordmark.png)![🦜️🔗 Langchain](/v0.1/img/brand/wordmark-dark.png)

](/v0.1/)[Docs](/v0.1/docs/get_started/introduction/)[Use cases](/v0.1/docs/use_cases/)[Integrations](/v0.1/docs/integrations/platforms/)[API Reference](https://api.js.langchain.com)

[More](#)

*   [People](/v0.1/docs/people/)
*   [Community](/v0.1/docs/community/)
*   [Tutorials](/v0.1/docs/additional_resources/tutorials/)
*   [Contributing](/v0.1/docs/contributing/)

[v0.1](#)

*   [v0.2](https://js.langchain.com/v0.2/docs/introduction)
*   [v0.1](/v0.1/docs/get_started/introduction/)

[🦜🔗](#)

*   [LangSmith](https://smith.langchain.com)
*   [LangSmith Docs](https://docs.smith.langchain.com)
*   [LangChain Hub](https://smith.langchain.com/hub)
*   [LangServe](https://github.com/langchain-ai/langserve)
*   [Python Docs](https://python.langchain.com/)

[Chat](https://chatjs.langchain.com)[](https://github.com/langchain-ai/langchainjs)

Search

*   [Providers](/v0.1/docs/integrations/platforms/)
    
    *   [Providers](/v0.1/docs/integrations/platforms/)
    *   [Anthropic](/v0.1/docs/integrations/platforms/anthropic/)
    *   [AWS](/v0.1/docs/integrations/platforms/aws/)
    *   [Google](/v0.1/docs/integrations/platforms/google/)
    *   [Microsoft](/v0.1/docs/integrations/platforms/microsoft/)
    *   [OpenAI](/v0.1/docs/integrations/platforms/openai/)
*   [Components](/v0.1/docs/integrations/components/)
    
    *   [LLMs](/v0.1/docs/integrations/llms/)
        
    *   [Chat models](/v0.1/docs/integrations/chat/)
        
    *   [Document loaders](/v0.1/docs/integrations/document_loaders/)
        
        *   [File Loaders](/v0.1/docs/integrations/document_loaders/file_loaders/)
            
        *   [Web Loaders](/v0.1/docs/integrations/document_loaders/web_loaders/)
            
            *   [Cheerio](/v0.1/docs/integrations/document_loaders/web_loaders/web_cheerio/)
            *   [Puppeteer](/v0.1/docs/integrations/document_loaders/web_loaders/web_puppeteer/)
            *   [Playwright](/v0.1/docs/integrations/document_loaders/web_loaders/web_playwright/)
            *   [Apify Dataset](/v0.1/docs/integrations/document_loaders/web_loaders/apify_dataset/)
            *   [AssemblyAI Audio Transcript](/v0.1/docs/integrations/document_loaders/web_loaders/assemblyai_audio_transcription/)
            *   [Azure Blob Storage Container](/v0.1/docs/integrations/document_loaders/web_loaders/azure_blob_storage_container/)
            *   [Azure Blob Storage File](/v0.1/docs/integrations/document_loaders/web_loaders/azure_blob_storage_file/)
            *   [Browserbase Loader](/v0.1/docs/integrations/document_loaders/web_loaders/browserbase/)
            *   [College Confidential](/v0.1/docs/integrations/document_loaders/web_loaders/college_confidential/)
            *   [Confluence](/v0.1/docs/integrations/document_loaders/web_loaders/confluence/)
            *   [Couchbase](/v0.1/docs/integrations/document_loaders/web_loaders/couchbase/)
            *   [Figma](/v0.1/docs/integrations/document_loaders/web_loaders/figma/)
            *   [Firecrawl](/v0.1/docs/integrations/document_loaders/web_loaders/firecrawl/)
            *   [GitBook](/v0.1/docs/integrations/document_loaders/web_loaders/gitbook/)
            *   [GitHub](/v0.1/docs/integrations/document_loaders/web_loaders/github/)
            *   [Hacker News](/v0.1/docs/integrations/document_loaders/web_loaders/hn/)
            *   [IMSDB](/v0.1/docs/integrations/document_loaders/web_loaders/imsdb/)
            *   [Notion API](/v0.1/docs/integrations/document_loaders/web_loaders/notionapi/)
            *   [PDF files](/v0.1/docs/integrations/document_loaders/web_loaders/pdf/)
            *   [Recursive URL Loader](/v0.1/docs/integrations/document_loaders/web_loaders/recursive_url_loader/)
            *   [S3 File](/v0.1/docs/integrations/document_loaders/web_loaders/s3/)
            *   [SearchApi Loader](/v0.1/docs/integrations/document_loaders/web_loaders/searchapi/)
            *   [SerpAPI Loader](/v0.1/docs/integrations/document_loaders/web_loaders/serpapi/)
            *   [Sitemap Loader](/v0.1/docs/integrations/document_loaders/web_loaders/sitemap/)
            *   [Sonix Audio](/v0.1/docs/integrations/document_loaders/web_loaders/sonix_audio_transcription/)
            *   [Blockchain Data](/v0.1/docs/integrations/document_loaders/web_loaders/sort_xyz_blockchain/)
            *   [YouTube transcripts](/v0.1/docs/integrations/document_loaders/web_loaders/youtube/)
    *   [Document transformers](/v0.1/docs/integrations/document_transformers/)
        
    *   [Document compressors](/v0.1/docs/integrations/document_compressors/)
        
    *   [Text embedding models](/v0.1/docs/integrations/text_embedding/)
        
    *   [Vector stores](/v0.1/docs/integrations/vectorstores/)
        
    *   [Retrievers](/v0.1/docs/integrations/retrievers/)
        
    *   [Tools](/v0.1/docs/integrations/tools/)
        
    *   [Agents and toolkits](/v0.1/docs/integrations/toolkits/)
        
    *   [Chat Memory](/v0.1/docs/integrations/chat_memory/)
        
    *   [Stores](/v0.1/docs/integrations/stores/)
        

*   [](/v0.1/)
*   [Components](/v0.1/docs/integrations/components/)
*   [Document loaders](/v0.1/docs/integrations/document_loaders/)
*   [Web Loaders](/v0.1/docs/integrations/document_loaders/web_loaders/)
*   Figma

Figma
=====

This example goes over how to load data from a Figma file. You will need a Figma access token in order to get started.

    import { FigmaFileLoader } from "langchain/document_loaders/web/figma";const loader = new FigmaFileLoader({  accessToken: "FIGMA_ACCESS_TOKEN", // or load it from process.env.FIGMA_ACCESS_TOKEN  nodeIds: ["id1", "id2", "id3"],  fileKey: "key",});const docs = await loader.load();console.log({ docs });

#### API Reference:

*   [FigmaFileLoader](https://api.js.langchain.com/classes/langchain_document_loaders_web_figma.FigmaFileLoader.html) from `langchain/document_loaders/web/figma`

You can find your Figma file's key and node ids by opening the file in your browser and extracting them from the URL:

    https://www.figma.com/file/<YOUR FILE KEY HERE>/LangChainJS-Test?type=whiteboard&node-id=<YOUR NODE ID HERE>&t=e6lqWkKecuYQRyRg-0

* * *

#### Help us out by providing feedback on this documentation page:

[

Previous

Couchbase

](/v0.1/docs/integrations/document_loaders/web_loaders/couchbase/)[

Next

Firecrawl

](/v0.1/docs/integrations/document_loaders/web_loaders/firecrawl/)

Community

*   [Discord](https://discord.gg/cU2adEyC7w)
*   [Twitter](https://twitter.com/LangChainAI)

GitHub

*   [Python](https://github.com/langchain-ai/langchain)
*   [JS/TS](https://github.com/langchain-ai/langchainjs)

More

*   [Homepage](https://langchain.com)
*   [Blog](https://blog.langchain.dev)

Copyright © 2024 LangChain, Inc.