Skip to content

Playground job-oriented UX/UI #147

@romanr

Description

@romanr

The playground app is feature rich and gives you everything there is in FlexColorScheme. Maybe over time it became mix of demos and tests put together and right now it's all at once without hierarchy. Without clear purpose it's confusing. Still it's nicely done in a pragmatic way :)

Since we are discussing its place in overall process, it is a good time to refactor the UI towards being hierarchical and job-oriented.

To get started, we have these activities, (likely some more to come):

Discover:

  • playing with demos, see how changing themes works,
  • see improvements between Flutter SDK implementation of theming and FlexColorScheme.
  • understand overall process, how to bring design into code

Design

  • design review: test all widgets against the theme
  • designing themes: changing colours, viewing all widgets, export colors
  • bringing theme from Figma or design tool : import MaterialThemeBuilder colours JSON
  • export to JSON for import into MaterialThemeBuilder

Develop:

  • integrating flexColor into your code: copying code snippets for colors initialisation
  • integration choices, choose themes, generate code for chosen themes to include in app
  • integrating switcher in your app: copy code snippets

Metadata

Metadata

Assignees

Labels

Themes PlaygroundV10This issue concerns future MAJOR new version 10enhancementNew feature or request

Projects

Status

No status

Relationships

None yet

Development

No branches or pull requests

Issue actions