Giter Club home page Giter Club logo

figdart's Introduction

Hi there! ๐Ÿ‘‹ I'm Samuel Abada, a Senior Flutter Engineer and a Google Developer Expert for Flutter and Dart

๐ŸŒฑ What I'm currently learning

I'm always learning! Right now, I'm focusing on Flutter and its ecosystem. I'm also interested in exploring other technologies in the near future(as long as it LGTM ๐Ÿ˜€).

๐Ÿ‘จโ€๐Ÿ’ป My technical expertise

I'm a Senior Flutter Engineer with deep technical expertise in:

  • Flutter and Dart programming languages
  • Building custom UI/UX designs
  • Integrating RESTful APIs
  • Integrating with WebSockets
  • Firebase integration
  • Third-party libraries and APIs integration
  • Agile methodology

๐Ÿ“š Articles and Talks

I enjoy discussing Flutter and sharing insights with others. If you're looking for a speaker or panellist for your event, please contact me!

โค๏ธ Fan of Open Source

I'm a big fan of open source and actively contribute to various open-source projects. Some of my notable contributions include the following:

  • Smarty - A smart home mobile application
  • Evently - A ui kit for an event booking app
  • Wa status saver - A whatsApp status saver/downloader with flutter
  • Flag feature - App wide feature flag manager. Manages the availability status of each features on the app utilizing the power of Firebase Remote Config
  • Coolicons - The Coolicons icon pack for Flutter with over 400 icons available for your flutter project
  • Livechat - A livechat plugin for embedding mobile chat window in your mobile application.

I believe in the power of collaboration and am always excited to contribute to projects that align with my values.

๐Ÿ“ซ How to reach me

You can reach me via Email Address, LinkedIn, Twitter. Let's connect and discuss how we can work together to build amazing Flutter apps!

figdart's People

Contributors

imgbotapp avatar mastersam07 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

timonwa

figdart's Issues

Incorrect height value

Describe the bug
After exporting textstyles, height values appears to be wrong.

To Reproduce
Steps to reproduce the behavior:

  1. Go to a design
  2. Click on generate textstyles
  3. Text height appear to be wrong but it doesnt happen on every design.

Expected behavior
I should get the correct height. I should also be allowed not to include the height.

Screenshots
Screenshot 2023-12-03 at 10 34 16

Additional context

Textstyles with no name

Problem

A design may contain textstyles without names. In this case, this plugin generates textstyles without name and a text theme extension whose properties are not named as shown in the attached images.

Expected behaviour

Generate and assign names to unnamed textstyles. Bonus if we can alert the user that some textstyles are not named.

Without Using Theme Extensions

Screenshot 2023-09-10 at 00 55 36

Using Theme Extensions

Screenshot 2023-09-10 at 00 55 47

Support more font weights

As for the documentation of the flutter font weight it would be helpful if we can create a mapping between more fonts as Bold and Medium (as for now)

The flutter font specifies the following: (all except thin exist in figma also)
/// * [w100]: Thin, the thinnest font weight. (dont exist in figma)
/// * [w200]: Extra light.
/// * [w300]: Light.
/// * [w400]: Normal. The constant [FontWeight.normal] is an alias for this value.
/// * [w500]: Medium.
/// * [w600]: Semi-bold.
/// * [w700]: Bold. The constant [FontWeight.bold] is an alias for this value.
/// * [w800]: Extra-bold.
/// * [w900]: Black, the thickest font weight.

maybe the figdart plugin can handle these weights also - thanks!

Feature - Colors

Problem

A design might not only contain textstyles but also colors. Ideally, i will want to generate the colors also.

Request

Plugin should have capability to generate color class. Somewhere in the options menu, i should be able to say exactly what i want to generate (textstyles or colors).

Empty class created when there is no text style on design

Problem

Using this plugin on a figma design with no defined textstyles create an empty class with no properties. See attached screenshot

Expected behaviour

No code is generated as there are no styles.

Textstyles without theme extensions

Screenshot 2023-09-10 at 00 48 36

Using theme extensions

Screenshot 2023-09-10 at 00 48 46

Error generating effect styles

Describe the bug
Tried generating effect styles from this design and got bad names like 1pxFocusRingEffect0.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the design
  2. Activate the plugin
  3. Generate effectstyles
  4. See error

Expected behavior
Effects with proper names .

Suggestion
Cases where names start with some other character not an alphabet, move to the end of the name.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.