parabeac_core
Continuous Design / Continuous Integration for Figma to Flutter (by Parabeac)
html-figma
Builder.io for Figma: AI generation, export to code, import from web (by BuilderIO)
parabeac_core | html-figma | |
---|---|---|
10 | 8 | |
565 | 2,958 | |
- | 1.4% | |
0.0 | 3.8 | |
10 months ago | 8 days ago | |
Dart | TypeScript | |
BSD 3-clause "New" or "Revised" License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
parabeac_core
Posts with mentions or reviews of parabeac_core.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-03-27.
-
Figma to Flutter: Parabeac 4.0 Updates to Components
In Parabeac 4.0, Parabeac Cloud and parabeac_core’s latest update, we’ve simplified the way that components can be referenced. Now, you can directly reference a component as a child. Let’s jump into it!
-
Figma to Widgetbook - parabeac_core v2.4
Many development teams creating component packages in other frameworks will use tools like Storybook.js for testing. For Flutter, Widgetbook is one of the best options which is why parabeac_core now has the option to export the code to be immediately testable in Widgetbook. Here's how!
-
Calling All Africa Flutter Developers & Figma Designers!
In partnership with our Parabeac Africa Chapter led by Will Odia, we are throwing our first challenge where you can win up to $300 USD by building an app prototype or component package using Figma, Flutter & Parabeac! You can use parabeac_core which is our open-source tool that converts Figma files into Flutter code or Parabeac Nest which is a web app that enables you to take the design file, generate code, and merge it into a Github repo.
-
Generating Isolated Component Packages for Flutter
Our open-source Figma to Flutter converter has been used across various projects. While many developers will include UI directly in their Flutter project, we learned that for other companies and projects, the best use case of Parabeac was generating components, particularly for projects looking to scale. With the uptrend of tools like Storybook & Component Isolation that help test & scale UI, we decided to add changes to parabeac_core that enables this development workflow.
-
Figma → React
It exists! Disclosure: I am an investor in the company behind this project.
https://github.com/Parabeac/Parabeac-Core
- We added BLoC, Provider, & (soon) Riverpod support on Parabeac-Core (Open-Source)
-
BLoC, Provider, & Riverpod Support- Parabeac-Core v1.3
You can also create your own! Check out this wiki page to learn how to make your own or reach out to us in our discord community for help on making one!
-
Figma to Flutter: Parabeac-Core v1.2
Thanks to our amazing contributors, Parabeac-Core has Windows support through the Windows Subsystem for Linux (WSL2)! We added a walkthrough guide on how to set up WSL2 with Ubuntu and install the necessary dependencies to run parabeac-core. We're excited to expand into more devices and to hear from the Windows community! Check out the guide here! Thanks to @roel-de-vries, @Gulianrdgd, @snwagbata for putting together the guide!
-
Hacktoberfest: Parabeac - Open-source design to Flutter code
Parabeac/Parabeac-Core
html-figma
Posts with mentions or reviews of html-figma.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-12.
-
Introducing Visual Copilot: A Better Figma-to-Code Workflow
Try the Builder.io Figma plugin
- How to create prototypes from existing website pages?
-
PageGenie instantly generates an entire landing page from your product idea using ChatGPT and DALL-E
to test Figma integration you can try an open-source HTML ⇔ Figma plugin (GitHub) by Builder.io. Works both ways
-
How to turn your Figma designs into enterprise-ready apps
After designing your user interface within Figma, teams can utilize a plugin like Builder.io to turn the beautiful and functional look into code.
-
20+ Best Figma Plugins to Create & Manage Design Systems for Web Designers in 2022
Figma to HTML converts Figma layers to HTML, CSS, React, Vue, Svelte, Solid, and more. The output is quality, responsive front-end code.
- Figma → React
-
5 best no-code tools for developers
You can also use HTML to Figma to convert your code to Figma designs, and JSX Lite to convert Figma designs to code of your framework of choice.