Obtaining Third-Party Data Source Credentials
Learn how to securely extract authorized local credentials (Request Headers) to connect your third-party design platform data to VectoUI.
⚠️ Compliance & Disclaimer VectoUI is a neutral, localized compilation engine. To fetch your design assets from third-party platforms (e.g., Lanhu), you must provide your own legally authorized access credentials (Request Headers). The following tutorial uses a third-party open-source Chrome extension for local data extraction. VectoUI does not provide packet-sniffing services, nor do we collect or store your credential data. Please ensure you have the legal right to access the target data.
Note: The UI of the recommended open-source extension is currently in Chinese. We have provided translations in brackets below to guide you.
Step 1: Install the Open-Source Fetcher Extension
Install the request header extraction tool provided by the open-source community in your Chromium-based browser (e.g., Chrome, Edge): 👉 Click here to install "API Request Fetcher" from the Chrome Web Store
Step 2: Configure the Extraction Rules
Once installed, click the extension icon in your browser's toolbar to open its settings and configure the following:
- Target Domain (目标域名): Enter
lanhuapp.com - Custom Extraction Fields (自定义提取字段): Copy and paste the exact string below into the input box:
sec-ch-ua-platform,sec-ch-ua-mobile,sec-ch-ua,authorization, cookie,referer,accept,user-agent
Step 3: Fetch and Copy the Credentials
- Open the Lanhu website in your browser and log in to your account.
- Navigate to any of your team spaces or a specific design project page.
- Click the "API Request Fetcher" extension icon in the top right corner of your browser.
- The extension will automatically capture your active session's authorized headers. Click the "Copy Results" (复制结果) button at the bottom of the extension panel.
Step 4: Apply in VectoUI
Open the VectoUI Unity plugin (or other production client) control panel. Paste the complete copied text into the Access Token / Header Settings input field to complete the authentication setup.
(Note: Credentials are valid for a limited time. If you experience connection failures or unauthorized errors in the future, simply refresh your browser page and repeat Step 3 to get a fresh credential.)
Next Step
After this prerequisites article, the next question usually becomes setup execution or workflow fit
English prerequisites articles should now send the user into published docs and workflow guidance, not only pricing or support fallbacks.
Continue into the integration guide
Use the public setup guide once credentials, API key binding, and environment prep are already clear.
Open integration guideReview the Unity workflow
Move into the workflow when the team needs to connect setup, maturity, and trial timing.
Review Unity workflowReview the Figma to Unity path details
Use the published English path details when the current evaluation is already focused on the Figma path.
Review path details