Skip to content
Figranium logo

UI Tour

Figranium's user interface is designed for simplicity and power. It consists of four main sections: Dashboard, Editor, Captures, and Settings.

1. Dashboard (/dashboard)#

  • Overview: View all your saved automation tasks in a grid layout.
  • Actions:
    • Create Task: Click + New Task to start a blank automation flow.
    • Import/Export: Use the Import and Export buttons to move tasks between environments (JSON format).
    • Edit: Click any task card to open the editor.
    • Delete: Remove tasks permanently.
  • Status Indicators: Shows the task mode (Agent, Scraper) and target URL.

2. Editor (/tasks/:id)#

The core of figranium. This screen features an infinite canvas spatial editor for building your automation flows:

  • Infinite Canvas (Configuration):
    • Task Name: Rename your task.
    • Mode Selector: Switch between Agent (block-based) and Scraper (simple extraction).
    • View Mode: Toggle between Visual (blocks), JSON (raw code), and API (integration details).
    • Target URL: The starting point for the automation.
    • Spatial Actions: Add, arrange, and connect action blocks (Click, Type, Wait, etc.) directly on the zoomable, pannable canvas.
    • Action Palette: A floating overlay to quickly find and add new action blocks anywhere on the canvas.
    • Variables: Define dynamic parameters (e.g., {$query}) for reuse.
    • Extraction Script: Write JavaScript to parse the page content after execution.
    • Settings: Configure stealth, recording, proxy rotation, and viewports.
  • Results Drawer:
    • A slide-out panel that contains real-time feedback and results.
    • Live Logs: Real-time feedback from the runner.
    • Screenshot Preview: See the final state of the browser.
    • Extracted Data: View the JSON/CSV output.
    • History: Access previous versions of the task (if saved).

3. Captures (/captures)#

A gallery of all artifacts generated by your tasks.

  • Screenshots: View full-page or viewport captures.
  • Recordings: Watch video playbacks of the entire automation session (if enabled).
  • Management: Delete old captures to free up space.

4. Settings (/settings)#

Global configuration for the figranium instance.

  • System:
    • API Key: Generate or revoke your API key for remote execution.
    • User Agent: Set a global User-Agent string or let figranium rotate them.
    • Storage: Clear all captures or cookies.
  • Data: Manage persistent cookies and specific capture files.
  • Proxies:
    • Add Proxy: Input HTTP/SOCKS proxies.
    • Import: Bulk add proxies from a list.
    • Rotation: Configure rotation strategy (Round-Robin vs Random) and whether to include your local IP.
Previous
Next