{"id":19783452,"url":"https://github.com/zehfernandes/boldo","last_synced_at":"2025-04-30T22:31:32.080Z","repository":{"id":47512412,"uuid":"253639368","full_name":"zehfernandes/boldo","owner":"zehfernandes","description":"A reactive open source prototype tool","archived":false,"fork":false,"pushed_at":"2022-12-05T18:48:29.000Z","size":573,"stargazers_count":92,"open_issues_count":8,"forks_count":5,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-06T05:34:28.122Z","etag":null,"topics":["figma","prototype","svelte"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/zehfernandes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-06T23:30:15.000Z","updated_at":"2025-02-27T11:47:58.000Z","dependencies_parsed_at":"2023-01-24T06:16:15.469Z","dependency_job_id":null,"html_url":"https://github.com/zehfernandes/boldo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zehfernandes%2Fboldo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zehfernandes%2Fboldo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zehfernandes%2Fboldo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zehfernandes%2Fboldo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zehfernandes","download_url":"https://codeload.github.com/zehfernandes/boldo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251791597,"owners_count":21644423,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["figma","prototype","svelte"],"created_at":"2024-11-12T06:08:24.806Z","updated_at":"2025-04-30T22:31:31.791Z","avatar_url":"https://github.com/zehfernandes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Boldo 🌱\n\nAn open source prototype tool with shared context.\n\n[![Demo boldo](https://www.dropbox.com/s/plls8bk8qqueazo/demo.png?raw=1)](https://www.dropbox.com/s/035m3mthd0x6agf/demo-prototype-tool.mp4?dl=1)\n\n## Why?\n\nThere are fantastic prototype tools in the market, but choosing one requires you to compromise whether in creative freedom or in an powerful outcome. Boldo comes as a prototype tool focused on sharing information within the softwares used in the design process, with a simple and easy code syntax to give creative freedom for new ideas, without stressing about your code.\n\nThe way we envision boldo is by using svelte under the hood: it allows you to write simple HTML, CSS and JS with all the modern web development tooling. Plus, integration with Figma, to avoid redrawing the designs and to create a shared context between the softwares.\n\n\n## Get started\n\nWe are still working to find the best way to install and start a new project. As a proof of concept, you can start a new project cloning the repository and follow the steps:\n\n1 - Install the dependencies\n\n```bash\nnpm install\n```\n\n2 - Link your figma file\n\n```bash\nnpm run link\n```\n\n3- Start project\n\n```bash\nnpm run dev\n```\n\nNavigate to [localhost:5000](http://localhost:5000). You should see your app running.\n\n## Walkthrough\n\nFor easy testing and iteration, To be easy to test and iterate we are using a single repository with four touchpoints: the prototype you are working on [`./project`](./project), the scripts to fetch and parse Figma [`boldo/scripts`](boldo/scripts), the components with methods and syntax sugar [`/boldo/components`](./boldo/components),  and the editor to help controlling the canvas and the prototype presentation [`/boldo/editor`](/boldo/editor)\n\nThe next steps are:\n\n- Expanding the components library like Framer Classic, with a ScrollComponent, Page Component, Gestures Components...\n- Growing the editor with a helpful GUI and potentially taking out of the browser and moving to an electron app.\n- Starting to dig deeper to convert all Figma properties to a styled markup, in the most efficient way.\n- Writing a good documentation\n\nAfter completion of these tasks, we will probably split this directory into the other three `boldo-editor`, `boldo-components`, `boldo-figma-connect`, and have a CLI bootstrap `npx create-boldo-project` inside a boldo organization.\n\n\u003cbr/\u003e\nJoin and contribute to build the prototype tool we have always dreamed of.\n\n## LICENSE\n\nMIT, see [LICENSE.md](LICENSE.md) for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzehfernandes%2Fboldo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzehfernandes%2Fboldo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzehfernandes%2Fboldo/lists"}