{"id":32668603,"url":"https://github.com/nqh-public/scheemer","last_synced_at":"2026-05-19T07:04:10.325Z","repository":{"id":321749665,"uuid":"1087008088","full_name":"nqh-public/scheemer","owner":"nqh-public","description":"Framer Plugin for exporting component metadata and structure as JSON","archived":false,"fork":false,"pushed_at":"2025-10-31T08:39:34.000Z","size":95,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-31T10:28:22.168Z","etag":null,"topics":["component-export","design-tools","framer","framer-plugin","json-export","metadata","react","typescript"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nqh-public.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-31T08:32:16.000Z","updated_at":"2025-10-31T08:39:38.000Z","dependencies_parsed_at":"2025-10-31T10:28:26.981Z","dependency_job_id":"3a176376-297d-4ac5-878a-1804d0d9cf64","html_url":"https://github.com/nqh-public/scheemer","commit_stats":null,"previous_names":["nqh-public/scheemer"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/nqh-public/scheemer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqh-public%2Fscheemer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqh-public%2Fscheemer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqh-public%2Fscheemer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqh-public%2Fscheemer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nqh-public","download_url":"https://codeload.github.com/nqh-public/scheemer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqh-public%2Fscheemer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33205479,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"online","status_checked_at":"2026-05-19T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-export","design-tools","framer","framer-plugin","json-export","metadata","react","typescript"],"created_at":"2025-11-01T02:01:46.441Z","updated_at":"2026-05-19T07:04:10.320Z","avatar_url":"https://github.com/nqh-public.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Scheemer - Framer Component Exporter\n\nFramer Plugin that exports component metadata and structure as JSON files.\n\n## What It Does\n\nRuns inside Framer editor to extract:\n- **Component structure** - Nested children hierarchy\n- **Visual properties** - Colors, backgrounds, gradients, borders, opacity\n- **Layout properties** - Flex, padding, gap, alignment, constraints\n- **Text properties** - Fonts, sizes, weights, colors, alignment\n- **Position/sizing** - x, y, width, height, pins, aspect ratios\n\nSupports:\n- Regular frames\n- Component instances (with control props)\n- Component masters (when editing components)\n\n## Quick Start\n\n### 1. Install Dependencies\n\n```bash\ncd framer-plugin\nnpm install\n```\n\n### 2. Start Development Server\n\n```bash\nnpm run dev\n```\n\nStarts plugin at `https://localhost:5173`\n\n### 3. Load in Framer\n\n1. Open Framer Desktop App\n2. Open your project\n3. Click **Plugins** in toolbar\n4. Select **Development** → **Open Plugin URL**\n5. Enter: `https://localhost:5173`\n6. Accept SSL certificate\n\n### 4. Use Plugin\n\n1. Select frames/components on canvas\n2. Plugin lists them with metadata\n3. Check items to export\n4. Click **Download** → Downloads JSON files\n\n## Output Format\n\nEach exported file contains:\n\n```json\n{\n  \"name\": \"Button\",\n  \"type\": \"component-instance\",\n  \"nodeType\": \"ComponentInstanceNode\",\n  \"structure\": {\n    \"id\": \"abc123\",\n    \"name\": \"Button\",\n    \"visible\": true,\n    \"locked\": false,\n    \"childrenCount\": 3,\n    \"children\": [...]\n  },\n  \"properties\": {\n    \"width\": 120,\n    \"height\": 40,\n    \"backgroundColor\": \"#007AFF\",\n    \"borderRadius\": 8,\n    \"padding\": 12,\n    ...\n  },\n  \"componentInfo\": {\n    \"identifier\": \"component-id\",\n    \"componentName\": \"Button\",\n    \"controls\": {...}\n  }\n}\n```\n\n## Full Documentation\n\nSee [framer-plugin/README.md](./framer-plugin/README.md) for:\n- Complete installation guide\n- Plugin UI features\n- Data structure reference\n- Development workflow\n- Troubleshooting\n\n## Use Cases\n\n**Design-to-Code Translation**:\n- Export component specs as JSON\n- Parse structure/properties programmatically\n- Generate React components matching design\n\n**Component Documentation**:\n- Extract component variants and their properties\n- Document design system components\n- Track component structure changes\n\n**Design QA**:\n- Compare exported specs against implementation\n- Validate dimensions, spacing, colors\n- Verify component hierarchy\n\n## Project Structure\n\n```\napps/scheemer/\n├── README.md                    # This file\n└── framer-plugin/               # Framer Plugin source\n    ├── src/\n    │   ├── app.tsx              # Main plugin UI (568 lines)\n    │   ├── main.tsx             # Entry point\n    │   └── components/          # UI components (Button, Checkbox, ScrollArea)\n    ├── package.json\n    ├── vite.config.ts\n    └── README.md                # Plugin documentation\n```\n\n## Contributing\n\nContributions are welcome! Please:\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.\n\n## License\n\nMIT - See [LICENSE](LICENSE) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnqh-public%2Fscheemer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnqh-public%2Fscheemer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnqh-public%2Fscheemer/lists"}