spb/tools-spboucher-ai
Public
1{2 "slug": "figma",3 "name": "Figma",4 "aliases": [5 "FigJam",6 "Figma Design",7 "Figma Dev Mode"8 ],9 "vendor": {10 "name": "Figma, Inc.",11 "slug": "figma",12 "website": "https://www.figma.com"13 },14 "homepage_url": "https://www.figma.com/",15 "docs_url": "https://help.figma.com/",16 "pricing_url": "https://www.figma.com/pricing/",17 "privacy_url": "https://www.figma.com/legal/privacy/",18 "security_url": "https://www.figma.com/security/",19 "product_type": "platform",20 "product_status": "active",21 "summary": "Browser-based collaborative interface design platform with vector editing, components, prototyping, FigJam whiteboards, Dev Mode and a plugin and REST API",22 "description": "Figma is a cloud-based design platform from Figma, Inc. and the dominant tool in the design and prototyping category for user-interface work. It runs in the browser and in desktop wrappers for macOS and Windows, with mobile apps for viewing and mirroring. Designers draw vector interfaces with auto layout, build reusable components and variables shared through team libraries, and create clickable prototypes with transitions and conditional logic. Multiple people edit the same file simultaneously with cursors, comments and version history.\n\nAround the core editor sit FigJam for whiteboarding and workshops, Figma Slides for presentations, Dev Mode for engineers to inspect measurements, tokens and generated code snippets, and newer AI-assisted features for generating layouts and prototypes. A plugin API runs JavaScript inside the editor, and a REST API exposes files, nodes, comments, variables and rendered images, which allows design-token pipelines and documentation sites to pull from the source file. The Community hub distributes templates, plugins and UI kits.\n\nTeams use Figma as the shared source of truth between product, design and engineering; researchers and lecturers use it for mockups, figures and teaching materials. Plans range from a free tier to Professional, Organization and Enterprise, priced per editor seat and product.\n\nConstraints: files live in Figma's cloud with limited offline capability and proprietary .fig export; per-seat pricing across several products adds up; very large files and libraries can slow the editor; and design-to-code output is a starting point rather than production code, so hand-off still depends on team conventions.",23 "capabilities": [24 "Vector UI design with auto layout, components and variables",25 "Interactive prototyping with transitions and logic",26 "Real-time multiplayer editing, comments and version history",27 "FigJam whiteboards and Figma Slides",28 "Dev Mode inspection with code snippets and design tokens",29 "Plugin API and REST API for automation",30 "Community templates, plugins and UI kits"31 ],32 "workflows": [33 "Design a responsive app screen set from a shared component library",34 "Run a remote workshop in FigJam and convert outcomes to designs",35 "Export design tokens to code through the REST API"36 ],37 "advantages": [38 "Browser-based collaboration with no installation",39 "Rich ecosystem of plugins and community files",40 "Single file as the source for design and hand-off"41 ],42 "limitations": [43 "Cloud-only storage and limited offline mode",44 "Per-seat pricing across multiple products",45 "Large files can degrade performance",46 "Generated code requires engineering refinement"47 ],48 "prerequisites": [49 "Figma account; modern browser or desktop app"50 ],51 "audiences": [52 "Product and UX designers",53 "Front-end engineers consuming hand-off",54 "Educators and researchers producing mockups and figures"55 ],56 "alternatives": [57 "excalidraw",58 "draw-io",59 "mermaid",60 "notion"61 ],62 "comparison_notes": "Excalidraw and draw.io are diagramming tools, not interface design systems; they suit sketches and architecture diagrams where Figma would be excessive. Mermaid generates diagrams from text for documentation. Notion embeds Figma files but offers no design tooling. Dedicated competitors such as Sketch or Penpot are not covered in this encyclopedia.",63 "categories": [64 {65 "slug": "design-prototyping",66 "primary": true67 },68 {69 "slug": "collaboration-communication"70 }71 ],72 "tags": [73 "design",74 "prototyping",75 "ui",76 "collaboration",77 "saas",78 "api",79 "plugins"80 ],81 "use_cases": [82 "design-interfaces",83 "collaborate"84 ],85 "operating_systems": [86 "web",87 "macos",88 "windows",89 "ios",90 "android"91 ],92 "execution_modes": [93 "cloud"94 ],95 "interfaces": [96 "web",97 "desktop",98 "mobile",99 "api"100 ],101 "deployment_models": [102 "saas"103 ],104 "integrations": [105 "Slack",106 "Jira",107 "Notion",108 "Storybook",109 "GitHub",110 "Zeplin",111 "Maze"112 ],113 "data_formats": [114 ".fig",115 "SVG",116 "PNG",117 "PDF",118 "JSON (REST API)"119 ],120 "languages": [121 "JavaScript/TypeScript (plugins)"122 ],123 "source_model": "proprietary",124 "pricing_model": [125 "freemium",126 "paid",127 "enterprise"128 ],129 "pricing_checked_at": "2026-11-02",130 "self_hostable": false,131 "sources": [132 {133 "url": "https://www.figma.com/",134 "type": "official_site",135 "supports": [136 "name",137 "summary",138 "capabilities"139 ],140 "checked_at": "2026-11-02",141 "title": "Figma"142 },143 {144 "url": "https://help.figma.com/",145 "type": "official_docs",146 "supports": [147 "capabilities",148 "operating_systems"149 ],150 "checked_at": "2026-11-02",151 "title": "Figma Help Center"152 },153 {154 "url": "https://developers.figma.com/",155 "type": "official_docs",156 "supports": [157 "interfaces",158 "languages"159 ],160 "checked_at": "2026-11-02",161 "title": "Figma for Developers — Plugin and REST APIs"162 },163 {164 "url": "https://www.figma.com/pricing/",165 "type": "pricing_page",166 "supports": [167 "pricing_model",168 "limitations"169 ],170 "checked_at": "2026-11-02",171 "title": "Figma pricing"172 }173 ],174 "confidence": "high",175 "depth": "deep",176 "featured": false,177 "discovery_method": "editorial-research",178 "editorial_status": "reviewed",179 "visibility": "public",180 "author": "batch-F"181}182