figma-to-flutter - A Dart code generator that converts Figma components to Flutter widgets.

  •        2070

Disclaimer : All of this is purely experimental and under active development (read why I started the project here). If I would have access to Figma rendering source code it would have been a lot easier and quicker (if a Figma employee read this and can share the algorithm, it would be awesome!), but be aware that all the rendering logic is reverse engineered, so you will experience a lot of inconsistencies! Moreover a few performance and rendering tests have created yet, so please share your experiences through issues. The easiest way to start is the online tool.

https://github.com/aloisdeniel/figma-to-flutter

Tags
Implementation
License
Platform

   




Related Projects

lime-flutter - Lime client built using flutter

  •    Dart

Lime is a social media app, which allows you to post images and text messages which will be visible inside a certain area. Lime was originally built in java as a native android app. In Order to provide an iOS version as well the app gets rebuilt using Flutter. We will release the iOS Flutter version soon all basic features are working and the plan is to replace the native app as soon as the flutter version becomes more powerful to provide an unified experience using one codebase. We will also build a web-version which also uses Dart as primary language. Lime is built using Dart and the amazing Flutter ❤️ For help getting started with Flutter, view our online documentation.

dynamic_widget - You can dynamic update your flutter page with Flutter Dynamic Widget

  •    Dart

You can dynamic update your flutter page with Flutter Dynamic Widget. It's a light json UI protocol, which is very similar with flutter widget code. So you don't need to learn another UI protocol, if you are familiar with flutter widget, you might already know how to write Flutter Dynamic Widget json. I work for an e-commerce company. We need to build flexible pages. So we define a light UI protocol, and implement on Android and iOS. We can dynamic update App UIs by pushing a json file. With this ability, we can do some UI A/B testing without publishing App to app store. Flutter allows you to build beautiful native apps on iOS and Android from a single codebase, it can allow you to build web app later. Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. But it still build native app, the UIs can't be dynamic updated. If you want to modify the UIs, you need to publish the updated app to app store. With this project, you can build your UIs from a json string, which is the UI protocal. The json string is very similar with the Flutter widget dart code. All widget type and widget properties are the same.

stream-chat-flutter - Stream Chat official Flutter SDK

  •    Dart

This repository contains code for our Dart and Flutter chat clients. Stream allows developers to rapidly deploy scalable feeds and chat messaging with an industry leading 99.999% uptime SLA guarantee.

flutter_gen - The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs

  •    Dart

The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs. Inspired by SwiftGen.

gallery - Flutter Gallery is a resource to help developers evaluate and use Flutter

  •    Dart

Flutter Gallery is a resource to help developers evaluate and use Flutter. It is a collection of Material Design & Cupertino widgets, behaviors, and vignettes implemented with Flutter. We often get asked how one can see Flutter in action, and this gallery demonstrates what Flutter provides and how it behaves in the wild. The Flutter Gallery targets Flutter's master channel. As such, it can take advantage of new SDK features that haven't landed in the stable channel.


figma-low-code - A repository to bootstrap Figma low code projects

  •    Javascript

Figma-Low-Code is an OpenSource project, that allows to use Figma designs directly in VUE.js applications. The low code approach reduces drastically the hand-off time between designers and developers, reduces front-end code and ensures that the Figma design stays the single source of truth.

plugins - Plugins for Flutter, including FlutterFire, maintained by the Flutter team

  •    Dart

This repo is a companion repo to the main flutter repo. It contains the source code for Flutter first-party plugins (i.e., plugins developed by the core Flutter team). Check the packages directory for all plugins. Flutter plugins enable access to platform-specific APIs. For more information about plugins, and how to use them, see https://flutter.io/platform-plugins/.

react-figma - ⚛️ A React renderer for Figma

  •    TypeScript

A React renderer for Figma. Use React components as a source for your designs. You can use react-figma-boilerplate for creating own projects.

Flutter-learning - :octocat::fire: :+1: :star2: :star: :star::star: Flutter从配置安装到填坑指南详解,Flutter相关Demo解读,项目实例,Dart语法详解

  •    Dart

:octocat::fire: :+1: :star2: :star: :star::star: Flutter从配置安装到填坑指南详解,Flutter相关Demo解读,项目实例,Dart语法详解

Flutter-UI-Kit - Flutter app for collection of UI in a UIKit

  •    Dart

The goal of this project is to provide an ultimate collection of real world app's UIs. While I built Flutter UIKit for my own needs, it is also intented to showcase good app structure and a clean, well-organized Flutter codebase. The source code is 100% Dart, and everything resides in the /lib folder.

timelines - A powerful & easy to use timeline package for Flutter! 🚀

  •    Dart

Caveat: This package is an early stage. Not enough testing has been done to guarantee stability. Some APIs may change. Check it out on the web or look at the source code.

flutter-widget-livebook - Live preview example for flutter widgets.

  •    Dart

Flutter Widget Livebook is a website built with Flutter for web to live preview widget samples online. To check out live examples and docs, visit flutter-widget-livebook.blankapp.org.

my_flutter_challenges - Flutter project containing all my flutter UI challenges

  •    Dart

A new Flutter project containing all my flutter UI challenges. You can find the source code of all challenges in the /lib folder. Or just click on the title of each challenge to see the source code of each image. This project is a starting point for a Flutter application.

flutter-chat-app - A chat app built on Flutter with firebase authentication and image sharing capability

  •    Dart

A one-to-one chat app built on Flutter with firebase authentication and image sharing capability. For help getting started with Flutter, view the online documentation.

flutter-go - flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

  •    Dart

flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

FlutterCinematic - Flutter clone of my "Cinematic" App

  •    Dart

This app is a Flutter port of the native Android App Cinematic. My intention in creating this app was understanding the intricacies of building apps in Flutter. Just like the native Android App this app does not make any efforts in being a nicely architectured application. That being said the whole point is to showcase Flutter's capabilities for building simple apps and to understand key difference and advantages to native development. The app uses the Movie DB Public API as a data sources and uses the standard dart libraries for making network requests.

FlutterCreateSubmissions2019 - An Effort to gather all Flutter Create App submissions at one place from various resources

  •    

An Effort to gather all Flutter Create App submissions at one place from various resources. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

FlutterScreens - A collection of Screens and attractive UIs built with Flutter ready to be used in your applications

  •    Dart

A collection of Login Screens, Buttons and Loaders with attractive UIs, built with Flutter, ready to be used in your applications.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.