# Integrations
LottieFiles integrations bring the LottieFiles library and workspace directly into the tools you already use — Adobe After Effects, Figma, Canva, VSCode, Framer, and Webflow. Each plugin is built independently for its host app, so the workflows feel native to wherever you're working, while sharing the same LottieFiles account, workspace, and library underneath.

<Grid columns="3">
  <Card title="After Effects" href="/en/integrations/after-effects" description="Browse, import, and export Lottie animations from inside After Effects" variant="interactive" />

  <Card title="Figma" href="/en/integrations/figma" description="Browse, create, export, and hand off Lottie animations from Figma" variant="interactive" />

  <Card title="Canva" href="/en/integrations/canva" description="Search the LottieFiles library and drop animations into Canva designs" variant="interactive" />

  <Card title="VSCode" href="/en/integrations/vscode" description="Preview Lottie and dotLottie files directly inside Visual Studio Code" variant="interactive" />

  <Card title="Framer" href="/en/integrations/framer" description="Find, prepare, and publish Lottie animations in Framer sites" variant="interactive" />

  <Card title="Webflow" href="/en/integrations/webflow" description="Find, prepare, and publish Lottie animations from Webflow Designer" variant="interactive" />
</Grid>
