Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: bernaferrari/FigmaToCode
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: main
Choose a base ref
...
head repository: ChingYu2014/FigmaToCode
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Checking mergeability… Don’t worry, you can still create the pull request.
  • 5 commits
  • 10 files changed
  • 2 contributors

Commits on Mar 24, 2026

  1. feat: add download ZIP with PNG export, text styles panel, and custom… 

    … filename input

- Add DownloadButton component with filename input and JSZip packaging
- Export selected Figma node as 2x PNG alongside code file in ZIP
- Display Text Styles panel below Code panel with syntax highlighting
- Pass text styles data from backend through UI pipeline
- Handle PNG export via message passing between plugin main thread and UI

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
    @ChingYu2014 @claude
    ChingYu2014 and claude committed Mar 24, 2026
    Configuration menu
    Copy the full SHA
    b4555fa View commit details
    Browse the repository at this point in the history

  2. feat: add File System Access API support for saving files to local fo… 

    …lder

  - Add showDirectoryPicker integration to DownloadButton
  - Allow users to select a target folder once and save files directly
  - Write code file and PNG separately to the selected folder
  - Fall back to ZIP download when no folder is selected or API is unsupported
  - Show folder name in UI after selection with FolderOpen icon
    @ChingYu2014
    ChingYu2014 committed Mar 24, 2026
    Configuration menu
    Copy the full SHA
    7116687 View commit details
    Browse the repository at this point in the history

  3. feat: generate single HTML report with layout, text styles, and snapshot 

      - Restructure download output as a report document with 4 sections:
    title, layout code, text styles, and snapshot image
  - PNG referenced via relative path instead of base64 to keep file lean
    and AI-token friendly
  - Pass code and textStyles as separate props to DownloadButton
  - ZIP contains report.html + snapshot.png; folder mode saves both files
    @ChingYu2014
    ChingYu2014 committed Mar 24, 2026
    Configuration menu
    Copy the full SHA
    73ada78 View commit details
    Browse the repository at this point in the history

  4. refactor: optimize download with auto-filename, metadata, error feedb… 

    …ack, and cleanup debug logs

  - Auto-fill filename from selected Figma node name with sanitization
  - Add metadata to HTML report: framework, export time, element size
  - Show error messages for PNG export failure and folder access issues
  - Remove all debug console.log statements from plugin and UI code
  - Pass selectedNodeName and selectedNodeSize through the full prop chain
    @ChingYu2014
    ChingYu2014 committed Mar 24, 2026
    Configuration menu
    Copy the full SHA
    4379b7a View commit details
    Browse the repository at this point in the history

  5. fix: restore switch(figma.mode) to prevent loading hang in Dev Mode

    @ChingYu2014
    ChingYu2014 committed Mar 24, 2026
    Configuration menu
    Copy the full SHA
    e965869 View commit details
    Browse the repository at this point in the history
Loading