figma-logos-svgllisted

# SVGL Logos for Figma Fetch real brand and product SVG logos from the [SVGL API](https://svgl.app/) and insert them into Figma designs. **Never draw logos manually** — always use this workflow to get accurate logos from a curated collection of 500+ brand SVGs. **SVGL vs Iconify:** Use this skill for **brand/product logos** (React, Vercel, Stripe, GitHub). Use `figma-icons-iconify` for **UI icons** (arrows, alerts, settings). ## Prerequisites - The `figma-use` skill **MUST** be loaded before any `use_figma` tool call. Always invoke it first. - `fetch()` is **NOT available** inside `use_figma` code. All HTTP requests must happen **before** calling `use_figma`. - **Use `Bash(curl -s ...)` instead of `WebFetch`** to call the SVGL API. The SVGL API may return 403 for WebFetch requests but works with curl. ## Core Workflow ### Step 1: Search for the Logo Use the SVGL search endpoint to find the logo: ```bash curl -s "https://api.svgl.app?search={name}" ``` **Example:** ```bash curl -s "https://api.svgl.app?search=react" ``` This returns a JSON array. Each item has a `route` field which is either: - **A string** — single SVG URL (e.g., `"https://svgl.app/library/preact.svg"`) - **A theme object** — with `light` and `dark` variants: ```json { "light": "https://svgl.app/library/react_light.svg", "dark": "https://svgl.app/library/react_dark.svg" } ``` Pick the matching result by `title`, then choose the appropriate variant (light/dark) based on the design