跳到正文
cccskills

查找技能

487 个 ・ 集成工具: Figma · 按人气排序

audit

免费

Review a product experience by walking through its steps and capturing screenshots. Produces an illustrated assessment of usability, design, and accessibility risks, with findings tied to specific screens and clear limits on what was checked.

中文简介正在准备中。当前显示英语简介。

  • Review a registration or onboarding flow
  • Inspect a checkout flow for usability issues
  • Assess settings screens and navigation
openai/plugins75132026年10月8日 更新

Save and manage product references and design preferences for future Product Design work. Keep product URLs, Figma files, screenshots, brand assets, and other context available, and review or update what has already been saved.

中文简介正在准备中。当前显示英语简介。

  • Set up Product Design with initial references
  • Save Figma files and product URLs for future work
  • Keep screenshots and brand references available
openai/plugins75132026年10月8日 更新

Create a blank Figma design, FigJam, or Slides file with a chosen name. Resolve the destination plan, save the file in its drafts folder, and obtain a URL and file key for subsequent editing.

中文简介正在准备中。当前显示英语简介。

  • Create a blank Figma design file
  • Start a named FigJam whiteboard
  • Create an empty Slides presentation
openai/plugins75132026年10月8日 更新

Create and edit presentations in Figma Slides using the use_figma tool. Build layouts that follow brand guidelines or reference files, update existing slides, organize sections, and add speaker notes when requested.

中文简介正在准备中。当前显示英语简介。

  • Create a presentation that follows brand guidelines
  • Update text and layouts in an existing deck
  • Organize slides into sections
openai/plugins75132026年10月8日 更新

Turn Figma animations into runnable application code by combining design structure with motion data. Preserve timing, easing—the way movement accelerates—and coordinated animations while adapting to the project's existing libraries and reduced-motion accessibility preferences.

中文简介正在准备中。当前显示英语简介。

  • Implement an animated component from a Figma URL
  • Coordinate several elements on a shared animation timeline
  • Reproduce animation along an SVG path
openai/plugins75132026年10月8日 更新

Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.

中文简介正在准备中。当前显示英语简介。

  • Implementing a Figma screen in SwiftUI
  • Bringing an existing SwiftUI screen into Figma
  • Mapping iOS colors and icons between design and code
openai/plugins75132026年10月8日 更新

Build or update Figma pages, dialogs, and panels from code or descriptions. The workflow reuses design system components, shared colors, spacing, and text styles, producing assembled views that remain linked to existing design resources.

中文简介正在准备中。当前显示英语简介。

  • Recreate an application page in Figma
  • Update an existing screen to match code
  • Build a dialog using shared components
openai/plugins75132026年10月8日 更新

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, visibility settings, and nested components so the displayed code snippets reflect the selected design properties.

中文简介正在准备中。当前显示英语简介。

  • Linking Figma components to existing code components
  • Creating Code Connect template files
  • Mapping design variants to code properties
openai/plugins75132026年10月8日 更新

Add, edit, or inspect animation on Figma elements through use_figma. Work with keyframes, existing animation styles, color changes, easing that controls how movement accelerates, and timeline duration, with video frame checks when needed.

中文简介正在准备中。当前显示英语简介。

  • Adding position or color animation to Figma elements
  • Adjusting easing and animation timing
  • Applying or removing existing animation styles
openai/plugins75132026年10月8日 更新

Build or update a Figma design system from existing code. Organize shared colors, spacing, and typography, create reusable components with states and theme bindings, document their use, and check differences between the implementation and Figma.

中文简介正在准备中。当前显示英语简介。

  • Building a Figma component library from existing code
  • Organizing shared settings for light and dark themes
  • Creating a button with variants and variable bindings
openai/plugins75132026年10月8日 更新

Create and edit FigJam boards through Figma's use_figma tool. Organize meeting or brainstorming content with sections, sticky notes, shapes, connectors, and tables, and inspect existing board elements before updating their text, styling, or positions.

中文简介正在准备中。当前显示英语简介。

  • Prepare a brainstorming board with sticky notes
  • Build a retrospective or meeting board
  • Draw diagrams with shapes and connectors
openai/plugins75132026年10月8日 更新

Create editable FigJam diagrams for workflows, system architecture, data relationships, and schedules. The skill selects a suitable diagram type and guides Mermaid, a text format for diagrams, while accounting for rendering limits.

中文简介正在准备中。当前显示英语简介。

  • Visualizing a workflow or decision tree
  • Mapping services and data stores
  • Showing API interactions over time
openai/plugins75132026年10月8日 更新

figma-use

免费

Inspect and edit Figma files through JavaScript using the Plugin API. Guides changes to text, layout, variables, and components, with incremental steps and visual checks to verify the resulting design.

中文简介正在准备中。当前显示英语简介。

  • Inspect pages, components, and variables in a Figma file
  • Update text and colors across matching elements
  • Adjust auto-layout containers and child sizing
openai/plugins75132026年10月8日 更新

Turn Figma designs into screen code that fits an existing project. The workflow reuses existing components and shared style values, follows design notes, and uses exported images and icons to preserve the design’s appearance.

中文简介正在准备中。当前显示英语简介。

  • Implement a screen from a Figma design
  • Reuse existing components when building a design
  • Reproduce images and icons from exported assets
openai/plugins75132026年10月8日 更新

Design and implement iPolloWork plugin interfaces using shared components, colors, typography, and interaction rules. Covers host React and iframe integration, component readiness, and checks for loading, errors, keyboard use, and recovery.

中文简介正在准备中。当前显示英语简介。

  • Build plugin forms with shared components
  • Integrate shared controls into iframe plugins
  • Design loading, error, and retry states
Devin-AXIS/iPolloWork71262026年10月19日 更新

Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.

中文简介正在准备中。当前显示英语简介。

  • Implementing a Figma screen in SwiftUI
  • Bringing an existing SwiftUI screen into Figma
  • Mapping iOS colors and icons between design and code
Devin-AXIS/iPolloWork71262026年10月19日 更新

Create editable FigJam diagrams for workflows, system architecture, data relationships, and schedules. The skill selects a suitable diagram type and guides Mermaid, a text format for diagrams, while accounting for rendering limits.

中文简介正在准备中。当前显示英语简介。

  • Visualizing a workflow or decision tree
  • Mapping services and data stores
  • Showing API interactions over time
Devin-AXIS/iPolloWork71262026年10月19日 更新

Build or update a Figma design system to match a codebase. Organize reusable design values, light and dark themes, component variants, and documentation, then check component structure, appearance, and bindings to those values.

中文简介正在准备中。当前显示英语简介。

  • Build a Figma component library from existing code
  • Set up shared design values and light and dark themes
  • Create components with variants and variable bindings
Devin-AXIS/iPolloWork71262026年10月19日 更新

Turn Figma animations into runnable application code by combining design structure with motion data. Preserve timing, easing—the way movement accelerates—and coordinated animations while adapting to the project's existing libraries and reduced-motion accessibility preferences.

中文简介正在准备中。当前显示英语简介。

  • Implement an animated component from a Figma URL
  • Coordinate several elements on a shared animation timeline
  • Reproduce animation along an SVG path
Devin-AXIS/iPolloWork71262026年10月19日 更新

Turn a Figma design into code that fits an existing project. Reuse its components and shared style values, follow designer notes and component mappings, and adapt Figma's reference output to the project's framework and conventions.

中文简介正在准备中。当前显示英语简介。

  • Implementing a screen from a Figma design
  • Reusing existing project components in a design implementation
  • Applying designer notes and shared style values
Devin-AXIS/iPolloWork71262026年10月19日 更新

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, toggles, and nested components so code examples reflect the selected component's design settings.

中文简介正在准备中。当前显示英语简介。

  • Connect published Figma components to existing code
  • Map design variants to component properties
  • Reflect configurable nested components in code examples
Devin-AXIS/iPolloWork71262026年10月19日 更新

figma-use

免费

Use JavaScript through Figma's Plugin API to inspect file structure and edit design elements, components, variables, and layouts. Follow incremental steps with font loading, returned element IDs, and visual checks to validate changes.

中文简介正在准备中。当前显示英语简介。

  • Edit shapes and text in a Figma file
  • Set up components, variants, and shared design values
  • Adjust auto-layout, fills, and variable bindings
Devin-AXIS/iPolloWork71262026年10月19日 更新

Build or update Figma pages, modals, and other composed views from code or descriptions. Reuse existing components, shared color and spacing values, and styles, assembling and checking the design section by section.

中文简介正在准备中。当前显示英语简介。

  • Recreate an application page in Figma from code
  • Build a landing page using an existing design system
  • Create a modal or sidebar from a description
Devin-AXIS/iPolloWork71262026年10月19日 更新

Create a blank Figma design, FigJam, or Slides file with a chosen name. Resolve the destination plan, save the file in its drafts folder, and obtain a URL and file key for subsequent editing.

中文简介正在准备中。当前显示英语简介。

  • Create a blank Figma design file
  • Start a named FigJam whiteboard
  • Create an empty Slides presentation
Devin-AXIS/iPolloWork71262026年10月19日 更新