Figma Figma Plugins and Integrations 1 — Questions and Answers
Question 1: Where do you find and install plugins in Figma?
- The Figma desktop app settings
- The Figma Community (community.figma.com) or via the Resources panel in the editor (Correct answer)
- The Figma Plugins Store website only
- The Assets panel under 'Plugins'
Correct answer: The Figma Community (community.figma.com) or via the Resources panel in the editor
Plugins can be discovered and installed from the Figma Community website or directly through the Resources panel (Shift+I) inside the Figma editor.
Question 2: What programming language are Figma plugins written in?
- Python
- JavaScript or TypeScript (Correct answer)
- Swift
- Dart
Correct answer: JavaScript or TypeScript
Figma plugins are built with JavaScript or TypeScript using the Figma Plugin API, enabling interaction with the canvas and file structure.
Question 3: What is the purpose of the Figma REST API?
- To run Figma plugins server-side
- To programmatically read file data, export assets, and manage teams outside the Figma editor (Correct answer)
- To sync Figma files with GitHub repositories automatically
- To generate design tokens from code
Correct answer: To programmatically read file data, export assets, and manage teams outside the Figma editor
The Figma REST API allows external applications and scripts to read file contents, fetch components, export images, and manage team resources without opening the editor.
Question 4: Which popular plugin is commonly used in Figma to generate realistic dummy text for designs?
- Unsplash
- Content Reel or Lorem Ipsum plugins (Correct answer)
- Autoflow
- Lottie Files
Correct answer: Content Reel or Lorem Ipsum plugins
Plugins like Content Reel and Lorem Ipsum generators are widely used in Figma to fill text layers with realistic placeholder content.
Question 5: What does the Figma-to-Storybook integration (via the Storybook plugin) allow teams to do?
- Export Figma frames as Storybook stories in JSON
- Link Figma components to their corresponding Storybook component stories for design-code parity (Correct answer)
- Auto-generate React code from Figma components
- Import Storybook components into Figma as editable layers
Correct answer: Link Figma components to their corresponding Storybook component stories for design-code parity
The Storybook plugin links Figma components to their live Storybook counterpart stories, helping teams verify that design and code components stay in sync.
Question 6: What is the Figma Tokens plugin (now Tokens Studio) primarily used for?
- Managing authentication tokens for Figma accounts
- Managing and syncing design tokens between Figma and code repositories (Correct answer)
- Generating access tokens for the Figma REST API
- Encrypting Figma file data
Correct answer: Managing and syncing design tokens between Figma and code repositories
Tokens Studio (formerly Figma Tokens) lets designers manage design tokens in Figma and sync them to JSON files in GitHub or other repos for engineering consumption.
Figma Figma Plugins and Integrations 1
Where do you find and install plugins in Figma?