---
title: Sundar Raj Selvanathan — VibeLab
author: Sundar Raj Selvanathan
author_url: https://vibelab.in/sundarrajs
canonical: https://vibelab.in/sundarrajs
---

# Sundar Raj Selvanathan

> Lead Product Designer

## About

Lead Product Designer with 10 years of experience, specialising in high-complexity HRMS, SaaS, and analytics across web and mobile. I own the design from 0 to 1 strategy to production, including vibecoding frontend directly over the past few months.

## Vibes

- [Claro PDF Exporter](https://vibelab.in/sundarrajs/claro-pdf-exporter) — Standard Figma PDF exports flatten your designs into unreadable vector paths and images with zero document structure—causing screen readers to fail, accessibility audits to flag errors, and ATS scanners to reject resumes.

Claro PDF Exporter fixes this. It transforms your Figma frames into screen-reader-friendly, structured PDFs with semantic hierarchy, image alt-text metadata, and built-in WCAG 2.1 contrast auditing.

---

### 🌟 Key Features

• 🏷️ Automatic Semantic Hierarchy: Intelligently detects headings (H1–H6), body paragraphs, captions, and links (<a>) based on typographic scale and visual hierarchy.
• 🧭 Spatial Reading-Order Engine: Reorders elements top-to-bottom and left-to-right to guarantee natural reading flow for screen readers (VoiceOver, NVDA, JAWS).
• 🖼️ Frame-Grouped Alt-Text Manager: Write and audit image descriptions and company logos with real-time saving directly into Figma metadata.
• 🎨 Live WCAG Contrast Scorecard: Instant AAA, AA, and Fail rating audits against your frame backgrounds.
• ⚡ 1-Click Instant Vector PDF Export: Exports crisp, lossless native vector PDFs with embedded accessibility tags and exact filename preservation.
• 🔒 100% Private & Offline: Zero external server calls, zero telemetry. All processing happens entirely within your Figma client.
• 🔄 5-Tier Size & Quality Optimization: Take full control over your PDF file size. Choose from Original (Print Ready), Lossless Vector, or Low, Medium, and High compression. 

---

### 🎯 Perfect For

• UX & Product Designers: Create accessible design handoffs, design systems documentation, and client presentations.
• Job Seekers: Ensure your design resume passes Applicant Tracking Systems (ATS) and screen-reader evaluations.
• Enterprise & System Teams: Align design deliverables and digital documents with WCAG and accessibility best practices.

---

### 🚀 How It Works (3 Steps)

1. Select one or more frames on your Figma canvas.
2. Review the detected heading hierarchy, contrast scores, and add any missing image alt text.
3. Click Export Accessible PDF - your structured, accessible PDF downloads instantly!

## Contact

- [Linkedin](https://www.linkedin.com/in/sundarrajs)
- [Website](https://www.sundarrajs.in)