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

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

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

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	figma dart flutter generator
Implementation	Dart
License	MIT
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.

flutter lime android client ios dart

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.

flutter widget dynamicwidget dynamic

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/.

flutter dart plugin android ios flutter-plugin

awesome-flutter - A curated list of awesome Flutter components, frameworks, libraries, and softwares

An awesome style list that curates the best Flutter libraries, tools, tutorials, articles and more. Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.

flutter awesome-list dart dartlang mobile-development flutter-plugin awesome dart-library dart-frameworks material-design android ios cross-platform flutter-plugins desktop-app reactive-programming flutter-apps flutter-examples

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 flutter-apps dart android-ios

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.

flutter dart uikit

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.

mdx react flutter flutter-demo flutter-web flutter-widget flutter-samples flutter-examp gatsby

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 flutter-examples flutter-demo flutter-apps flutter-widget flutter-material flutter-package android-ui ios-ui uikit ui-kit ui-design

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.

dart google-flutter firebase flutter

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

Dart

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

flutter dart flutter-demo flutter-doc

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.

flutter dart cross-platform android ios

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.

flutter dart flutter-apps dart-language apps android ios cross-platform contest-programming flutter-create-contest

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.

flutter dart dartlang flutter-widget flutter-apps

flutter-tetris - a tetris game powered by flutter. 使用flutter开发俄罗斯方块。

Dart

使用Flutter开发的俄罗斯方块游戏。支持 Android, iOS, Windows, mac, Linux 以及 web.

flutter flutter-apps flutter-games android-app ios-app dart

feather - Flutter weather application

Dart

Beautiful Flutter weather application. Entirely written in Dart and Flutter. Application is ready for Android and iOS.

flutter flutter-apps dart android ios

FlutterExampleApps - [Example APPS] Basic Flutter apps, for flutter devs.

Dart

This repository containing links of all the example apps demonstrating features/functionality/integrations in Flutter application development.

flutter flutter-apps flutter-plugin dart dartlang material-design apps android ios cross-platform

engine - The Flutter engine

Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS. The Flutter Engine is a portable runtime for hosting Flutter applications. It implements Flutter's core libraries, including animation and graphics, file and network I/O, accessibility support, plugin architecture, and a Dart runtime and compile toolchain. Most developers will interact with Flutter via the Flutter Framework, which provides a modern, reactive framework, and a rich set of platform, layout and foundation widgets.

c-plus-plus

flutter_starter_kit - A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project

Dart

A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example

flutter flutter-examples flutter-bloc rxdart flutter-demo starter-kit ios android mobile mobile-app mobile-development

flutterfire - 🔥 Firebase plugins for Flutter iOS and Android apps

Dart

FlutterFire is a set of Flutter plugins that enable Flutter apps to use one or more Firebase services. You can follow an example that shows how to use these plugins in the Firebase for Flutter codelab. Flutter is Google's mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.