Back to Plugins
SVG to Jetpack Compose Icon

SVG to Jetpack Compose Icon

Powerful plugin that converts vector graphics directly into Jetpack Compose ImageVector code.

androidmulti platformjetpack composesvg iconskotlinexportcompose

Plugin Preview

SVG to Jetpack Compose Icon preview

About this plugin

SVG to Jetpack Compose Icon is a powerful Figma plugin that converts vector graphics directly into Jetpack Compose ImageVector code. It's designed for Android and Kotlin Multiplatform developers who want to seamlessly integrate their Figma designs into Compose projects.

The plugin preserves all vector properties including colors, strokes, and complex paths while generating clean, production-ready Kotlin code. With features like debug mode and preview composables, it streamlines the workflow between designers and developers.


Key features:

  1. One-click conversion from SVG to Compose
  2. Maintains design fidelity with pixel-perfect accuracy
  3. Generates properly formatted Kotlin code
  4. Works with Compose Multiplatform
  5. Includes preview composables
  6. Debug mode for troubleshooting


Whether you're working on Android apps or cross-platform projects with Compose Multiplatform, this plugin helps bridge the gap between design and development, saving hours of manual vector conversion work.

Plugin Details

Version14
CreatedJanuary 19, 2025
Last UpdatedJanuary 27, 2025
CategorySoftware development
CreatorEmre hamurcu
Stats44 installs, 17 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none
  • Codegen Languages:
    • Kotlin Compose(kotlin)