Apply Drop Shadow - Figma-plugin-api Typing CST Test
Loading…
Apply Drop Shadow — Figma-plugin-api Code
Adds a drop shadow effect to selected nodes.
# figma_plugin/demo/code5.js
figma.currentPage.selection.forEach(n => {
n.effects = [{ type: 'DROP_SHADOW', color: { r:0, g:0, b:0 }, opacity:0.4, offset:{ x:5, y:5 }, radius:10 }]
})
figma.closePlugin('Applied drop shadow')Figma-plugin-api Language Guide
The Figma Plugin API allows developers to create powerful plugins that extend Figma’s design environment. It provides programmatic access to Figma documents, nodes, components, and user interface elements, enabling automation, custom workflows, and interactive design tools.
Primary Use Cases
- ▸Automating repetitive design tasks (e.g., resizing, renaming layers)
- ▸Generating or modifying design content programmatically
- ▸Design system enforcement and auditing
- ▸Integrating external data (CSV, APIs) into Figma files
- ▸Building interactive tools and utilities within Figma
Notable Features
- ▸Full access to Figma document nodes and their properties
- ▸Ability to create and manipulate components, frames, and shapes
- ▸Plugin UI panels with HTML/CSS/JS
- ▸Messaging between main and UI threads
- ▸Supports async workflows and batch operations
Origin & Creator
Figma introduced the Plugin API in 2018 to allow the community to extend Figma’s capabilities with custom automation, tools, and integrations.
Industrial Note
The Figma Plugin API is widely used by UI/UX designers, product teams, and developers to automate repetitive tasks, generate assets, enforce design systems, and integrate with external tools or data sources.