Design

Figma iOS Android pt dp sp Responsive Design Spec Card

Convert a Figma px value into iOS pt, Android dp/sp, web rem/vw with a fluid clamp() snippet, a density-bucket render table and a touch-target accessibility audit, as a developer spec card.

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

curl -X POST 'http://127.0.0.1:3003/en/api/tools/figma-ios-android-pt-dp-sp-responsive-design-spec-card' \
  -H 'Content-Type: application/json' \
  -d '{"px":48,"designScale":"1","role":"touch","rootFontSize":16,"viewportWidth":1440}'

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP

POST http://127.0.0.1:3003/en/api/tools/figma-ios-android-pt-dp-sp-responsive-design-spec-card

Parameters

Name	Type	Required	Description
px	number	Yes	—
designScale	select	No	—
role	select	No	—
rootFontSize	number	No	—
viewportWidth	number	No	—

Response format

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json

{
  "mcpServers": {
    "elysiatools-figma-ios-android-pt-dp-sp-responsive-design-spec-card": {
      "name": "figma-ios-android-pt-dp-sp-responsive-design-spec-card",
      "description": "Convert a Figma px value into iOS pt, Android dp/sp, web rem/vw with a fluid clamp() snippet, a density-bucket render table and a touch-target accessibility audit, as a developer spec card.",
      "baseUrl": "http://127.0.0.1:3003/mcp/sse?toolId=figma-ios-android-pt-dp-sp-responsive-design-spec-card",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "figma-ios-android-pt-dp-sp-responsive-design-spec-card",
    "arguments": {
  "px": 48,
  "designScale": "1",
  "role": "touch",
  "rootFontSize": 16,
  "viewportWidth": 1440
}
  }
}

Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Browse tools Open tool