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: json { "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 json [ { "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: json { "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 json { "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