Skip to content

SVG Importing Documentation#72

Open
kfarr wants to merge 1 commit intomainfrom
claude/update-street-editor-011CUWqGekgdGFbLCTiALUim
Open

SVG Importing Documentation#72
kfarr wants to merge 1 commit intomainfrom
claude/update-street-editor-011CUWqGekgdGFbLCTiALUim

Conversation

@kfarr
Copy link
Contributor

@kfarr kfarr commented Oct 27, 2025

This documentation covers the complete workflow for creating custom street elements using SVG files from Figma or other vector design tools. Based on the implementation in GitHub issue #473 and PR #478.

Key sections include:

  • How to design SVGs in Figma with best practices
  • Exporting SVG code from Figma
  • Using the svg-extruder component in 3DStreet
  • Component properties (svgString, scale, elevation, materials)
  • Practical examples (crosswalks, bike lane arrows, curbs)
  • Troubleshooting common issues
  • Tips for efficient workflow

This feature allows users to create custom road markings, paint lines, curbs, and other street elements beyond the standard model library.

🤖 Generated with Claude Code

This documentation covers the complete workflow for creating custom street elements using SVG files from Figma or other vector design tools. Based on the implementation in GitHub issue #473 and PR #478.

Key sections include:
- How to design SVGs in Figma with best practices
- Exporting SVG code from Figma
- Using the svg-extruder component in 3DStreet
- Component properties (svgString, scale, elevation, materials)
- Practical examples (crosswalks, bike lane arrows, curbs)
- Troubleshooting common issues
- Tips for efficient workflow

This feature allows users to create custom road markings, paint lines, curbs, and other street elements beyond the standard model library.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@netlify
Copy link

netlify bot commented Oct 27, 2025

Deploy Preview for 3dstreet-docs-build-preview ready!

Name Link
🔨 Latest commit 94c4da5
🔍 Latest deploy log https://app.netlify.com/projects/3dstreet-docs-build-preview/deploys/68fece59ab05ba00087e8d96
😎 Deploy Preview https://deploy-preview-72--3dstreet-docs-build-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@kfarr kfarr changed the title Implement Street Segment Rendering Improvements SVG Importing Documentation Oct 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants