Giter Club home page Giter Club logo

figdart's Issues

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.

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

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

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

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!

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.