Figma File Generate

🧠 HTML to Figma Converter

This Apify actor takes a list of URLs and converts HTML pages to Figma design files. It extracts HTML content and converts it to Figma format using html-to-figma library. You can define proxy settings and optional selector waiting.

✅ Use Cases

🎨 Convert websites to Figma designs

📐 Extract UI components from web pages

🔄 Migrate existing websites to Figma projects

� Generate design systems from live websites

📥 Input Configuration

You can customize the actor using the following input fields:

{
  "requestListSources": [
    {
      "url": "https://apify.com"
    }
  ],
  "proxyConfiguration": {
    "useApifyProxy": true
  },
  "handlePageTimeoutSecs": 60,
  "maxRequestRetries": 1,
  "useChrome": false,
  "keyValueStoreId": "default"
}

🧾 Fields Explained Field Type Description requestListSources array Required. Array of URLs to download. Each item can have optional userData with waitForSelector proxyConfiguration object Proxy settings - choose no proxy, Apify Proxy, or custom proxy URLs handlePageTimeoutSecs integer Optional. Maximum time to spend processing one page (default: 60) maxRequestRetries integer Optional. How many retries before giving up (default: 1) useChrome boolean Optional. Use real Chrome browser instead of Chromium (default: false) keyValueStoreId string Optional. ID of the key-value store to save Figma files. Use "default" or a custom store ID (default: "default")

📤 Output

The actor returns a dataset containing Figma file information for each URL. Each record includes the original URL, final URL (after redirects), page title, and link to the generated Figma file.

🧩 Sample Output

[
  {
    "url": "https://apify.com",
    "loadedUrl": "https://apify.com/",
    "title": "Apify: Full-stack web scraping and data extraction platform",
    "figmaUrl": "https://api.apify.com/v2/key-value-stores/default/records/a9bc5ea2-45d0-490e-8839-9d65968f88dc.fig"
  }
]

🔒 Proxy Configuration

This actor supports flexible proxy configuration:

No proxy (default)

Apify Proxy for residential IPs

Custom proxy URLs

Default proxy settings:

{
  "useApifyProxy": true
}

🚀 How to Use

Open the actor in Apify Console

Click "Try actor" or create a new task

Add URLs to the requestListSources array

Configure proxy settings if needed

Run the actor

Download Figma file data in JSON, CSV, or XML format

⚙️ Advanced Input Example

{
  "requestListSources": [
    {
      "url": "https://example.com",
      "userData": {
        "waitForSelector": ".content-loaded"
      }
    },
    {
      "url": "https://another-site.com"
    }
  ],
  "proxyConfiguration": {
    "useApifyProxy": true,
    "apifyProxyGroups": ["RESIDENTIAL"]
  },
  "handlePageTimeoutSecs": 120,
  "maxRequestRetries": 3,
  "useChrome": true
}

🛠️ Tech Stack

🧩 Apify SDK — for actor and data handling

🕷️ Crawlee — for robust crawling and scraping

🌐 Puppeteer — for browser automation and rendering dynamic content

🎨 html-to-figma — for converting HTML to Figma design files

⚙️ Node.js — fast, scalable backend environment