路径导出贝塞尔曲线工具 PathCode Exporter Dev

About this plugin

【Introduction】PathCode Exporter helps designers and developers turn selected Figma vector paths into clean, reusable code. It is made for moments when a curve, icon path, decorative line, or custom shape needs to be implemented accurately across platforms.【Function Description】Export selected vector path data into multiple implementation formats.Generate code for Jetpack Compose, Android Canvas, Web / SVG, iOS UIKit, and iOS SwiftUI.Provide a Dev Spec with viewBox, stroke, fill, opacity, path count, control points, and path structure.Preview the selected path and inspect line / cubic Bezier segments.Copy individual outputs or export a complete Markdown handoff document.Warn when a layer contains multiple paths, unsupported commands, or control points outside the viewBox.【How to Use】Select one vector path layer in Figma or Dev Mode.Open PathCode Exporter.Review the preview, layer info, and warnings.Switch between export tabs to choose your target platform.Copy the generated code or export the Markdown document for handoff.【Notes】Please select only one valid vector path at a time.Complex vector layers may contain multiple paths and may need manual review after export.Unsupported SVG commands are preserved as raw path data where possible.If control points extend outside the viewBox, avoid clipping the container during implementation.【介绍】PathCode Exporter 可以把 Figma 中选中的矢量路径转换成可直接交付给开发的代码。它适合用于还原曲线、图标路径、装饰线条、自定义形状等需要精确实现的设计细节。【功能说明】将选中的矢量路径导出为多端代码。支持 Jetpack Compose、Android Canvas、Web / SVG、iOS UIKit、iOS SwiftUI。自动生成开发说明，包含 viewBox、描边、填充、透明度、路径数量、控制点和路径结构。支持路径预览，并可查看直线段与三阶贝塞尔曲线段。支持复制单个代码结果，也可以导出完整 Markdown 交付文档。当路径包含多路径、暂不支持命令或控制点超出 viewBox 时，会给出提示。【使用方法】在 Figma 或 Dev Mode 中选择一个矢量路径图层。打开 PathCode Exporter。查看路径预览、图层信息和提示。切换不同导出格式，选择目标开发平台。复制生成代码，或导出 Markdown 文档交付给开发。【注意事项】每次请只选择一个有效的矢量路径。复杂矢量图层可能包含多条路径，导出后建议开发再核对一次。暂不支持的 SVG 命令会尽量保留原始 path 数据。如果控制点超出 viewBox，实现时需要避免容器裁剪，否则曲线可能显示不完整。