Tagged figma

Create new Figma design, FigJam or Slides files through the Figma MCP tool

Turn a Figma design into production front-end code using Figma MCP context

Translate an app page or multi-section layout into an editable Figma design

Generate flowcharts, architecture and sequence diagrams in FigJam through Figma

Build a Figma design system from code with variables, components and theming

Author and update reusable generative Figma plugins through the Figma MCP tools

Translate Figma motion and keyframe animations into production app code

Create and iterate on procedural shader fills and effects in Figma

Translate Figma designs into SwiftUI views and push SwiftUI screens back to Figma

Run safe write and read actions in Figma files with the use_figma tool

Work in FigJam boards and diagram files through the Figma MCP tool

Animate Figma nodes with keyframes, easing and timeline durations

Build and edit Figma Slides presentations through the Figma MCP tool

Extract color, type, spacing tokens from code, screenshots or Figma exports

Link Figma components to code components with Code Connect so updates sync

Write project rules for Figma-to-code work covering tokens, naming and lint

Create a blank Figma or FigJam file as the first step in a design workflow

Pull a Figma file node tree, design tokens and assets into a local snapshot

Build or update Figma screens from app code using design system components

Turn a codebase into a Figma component library that tracks shipped components

Turn Figma frames into production code with close to pixel-level visual fidelity

Run Figma Plugin API scripts to write to the canvas, read variables and inspect nodes

Move a Figma design into a design system by extracting tokens and mapping them

Map a Figma file's pages, components and design tokens into a knowledge graph

Bring Figma designs, tokens and assets into HyperFrames video projects

Create or update Figma designs for screens, flows and components from a text brief

Find brand guidelines across Notion, Drive, Figma and other connected platforms

Convert Figma designs into React and Tailwind code with checkpoints

Pull Figma design context, screenshots and assets and turn nodes into code

Map Figma components to code components with Code Connect mappings

Generate design system rules for your codebase to guide Figma-to-code work

Create a blank Figma or FigJam file for a new design or diagram

Turn Figma designs into production UI code with close visual fidelity

Build Figma components, auto-layout and design systems for developer handoff

Implement Figma designs in your own UI by mapping nodes to your design system

Build UI from a Figma file or design image using your project's own tokens

Create blank Figma, FigJam or Slides files with the required setup first

Turn Figma nodes into production code with matching visual fidelity via the Figma MCP

Read and edit Figma files through the REST API and live selection monitoring

Extract the full design system of a website as tokens, Tailwind, Figma and CSS

Manage Figma files, components, design tokens and exports through Composio

Sync DTCG tokens and components between code and Figma Variables in both directions

Import local HTML or project files into Figma as editable frames or code layers

Create, review and comment on PRDs, briefs and RFCs written as Figma specs

Map UI interaction states from a screen recording into a storyboard in Figma

Extract Figma frames for codegen, find stale components and diff design tokens

Export design thinking artifacts to a FigJam board or Figma file

Pull Figma design context and export Pencil designs to React or Tailwind code

Build Figma designs from code or a description using the file design system