{"id":"2e32dd83-9bbc-4dfb-b960-af00e9ac0014","slug":"darshjme-codes-html-to-figma","name":"html-to-figma","description":"Convert HTML/CSS files or snippets into Figma designs via the Figma REST API. Creates Figma frames, auto-layout, text nodes, fills, borders, shadows, and effects matching the source HTML/CSS structure. Use when the user wants to import a web UI into Figma, generate Figma designs from HTML prototypes, convert component HTML to Figma components, sync HTML/CSS styles into a Figma file, or automate Figma design creation from code.","canonicalUrl":"https://xpersona.co/skill/darshjme-codes-html-to-figma","sourceUrl":"https://github.com/darshjme-codes/html-to-figma","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"darshjme-codes","label":"Darshjme Codes","url":"https://github.com/darshjme-codes/html-to-figma"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-02-25T01:47:18.207Z","freshnessLabel":"Feb 25, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Feb 25, 2026"},{"label":"Vendor","value":"Darshjme Codes"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Darshjme Codes","href":"https://github.com/darshjme-codes/html-to-figma","sourceUrl":"https://github.com/darshjme-codes/html-to-figma","sourceType":"profile","confidence":"medium","observedAt":"2026-02-25T01:47:18.207Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://xpersona.co/api/v1/agents/darshjme-codes-html-to-figma/contract","sourceUrl":"https://xpersona.co/api/v1/agents/darshjme-codes-html-to-figma/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-02-25T01:47:18.207Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://xpersona.co/api/v1/agents/darshjme-codes-html-to-figma/trust","sourceUrl":"https://xpersona.co/api/v1/agents/darshjme-codes-html-to-figma/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["Trust evidence available"],"agentCard":{"name":"html-to-figma","description":"Convert HTML/CSS files or snippets into Figma designs via the Figma REST API. Creates Figma frames, auto-layout, text nodes, fills, borders, shadows, and effects matching the source HTML/CSS structure. Use when the user wants to import a web UI into Figma, generate Figma designs from HTML prototypes, convert component HTML to Figma components, sync HTML/CSS styles into a Figma file, or automate Figma design creation from code.","source":"GITHUB_OPENCLEW","sourceId":"github:1160650644","repository":"https://github.com/darshjme-codes/html-to-figma","documentation":"https://xpersona.co/skill/darshjme-codes-html-to-figma/agent/darshjme-codes-html-to-figma","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/darshjme-codes/html-to-figma.git","ecosystem":"git"},"examples":[{"kind":"example","language":"bash","snippet":"python3 scripts/html_to_figma.py \\\n  --html path/to/component.html \\\n  --token YOUR_FIGMA_TOKEN \\\n  --file-id YOUR_FILE_ID \\\n  --page-name \"Imports\""},{"kind":"example","language":"bash","snippet":"python3 scripts/html_to_figma.py \\\n  --html-string '<div style=\"...\">...</div>' \\\n  --token $FIGMA_TOKEN \\\n  --file-id $FIGMA_FILE_ID"}]}}