A step-by-step guide to using the Design Parser

By Anya Nerush

Using Design Parser in AgentOne

Follow these steps to quickly convert your Figma designs into clean, responsive code using AgentOne’s Design Parser.



1. Access AgentOne in the Partner Portal

  • Log in to the Partner Portal and select the AgentOne tab.
  • Select Design Parser from the list of agents and click Get Started. This will open a chat with the AI agent to guide you through the process.

2. Set Up Your Project

  • When prompted, enter a clear and descriptive project name.

    Examples: “Landing Page Design”, “My Site UI”, “New Redesign”.

  • This project name will organize your converted files for download later.

3. Provide Your Figma File Link

  • Open your design in Figma.
  • Copy the URL from your browser’s address bar.

    Example: https://www.figma.com/file/XXXXXXXXXXXXX/Your-Design-Name

  • Paste this link into the AgentOne chat. Ensure the file has View Access enabled so AgentOne can process it.

4. Generate and Add Your Figma Personal Access Token

To securely connect to your design:

  1. Sign in to your Figma account.
  2. Click your avatar in the top-left corner → Settings.
  3. Scroll to Personal Access Tokens under the Security section.
  4. Click Generate new token.
  5. Name the token (e.g., “AgentOne Parser”) and click Generate.
  6. Copy the token immediately and save – it won’t be shown again.
  7. Paste the token into the AgentOne chat when prompted.

🔒 Your token is only used temporarily for this process and remains private.


5. Wait for Parsing to Complete

  • AgentOne will now process your design.
  • A progress indicator shows the conversion status. Depending on the design’s size and complexity, this may take a few minutes.

6. Download Your Markup

  • Once complete, AgentOne will provide a link to download your files.
  • Download it to access your generated HTML, CSS, and JS files – ready for deployment or review.

Recommendations for Best Results

  • Use structured Figma designs with clean layers and components.
  • Avoid excessive repeated elements or duplicated frames for more accurate parsing.

We Value Your Feedback

We’re excited for you to try both new agents in AgentOne! Your feedback is crucial to improving our system:

  • Did the Design Parser not work as expected?
  • Were the generated HTML, CSS, and JS files incomplete or incorrect?

Please let us know!

Submit a support ticket with your ZIP archive or the approximate time of running the agent.

Your input helps us refine AgentOne and build a stronger platform together. Let’s shape the future of our system together!

Anya Nerush

Anya Nerush

I am UI/UX designer and marketing communication specialist here at WebinOne. You can send your ideas and questions to my email or Facebook.