NotesChangelogAPIAbout

Improved Editing in Grid View

During early prototypes of our grid view, if you adjusted a property - every item regenerated all values for all properties.

This is a horrid experience to say the least. We thought it was awful. People we watched try it out... they thought it was awful.

We've begun to implement a smoother experience when editing components in grid view - starting with the gradient and box-shadow components. Now when you edit a property, only that property will update across items.

We'll be updating existing components with this grid editing experience as well as adding it to any new components.

Roadmap

We think n-up displays can be powerful mechanisms for navigating generative space and fostering a deepened understanding of relationships between values. We want designers to be able to set the range in visual contrast both between generated designs in full canvas mode, as well as across the grid in grid mode. Ideally in the future you can preview ranges of values for a single property or combination of properties e.g. - previewing a different purple background on each item. A designer should be free to quickly pivot between 'show me more like this' and 'show me something completely different'.

Custom Grids

  • Enable designer to set number of items displayed in grid
  • Grid layout options

Item actions

  • Voting / saving per item
  • Download / generate image
  • Copy to clipboard
  • Pinning items (only regenerate for non pinned items in grid)

Exports and collections

We currently only allow for saving and downloading individual items. In the future we may enable the option to export entire grids in various formats of output. In conjunction with pinning items to customize a grid, these could potentially be used for generating mood boards or design proposals.

New
DelanuayVoronoiColor ScalesGradientsText ShadowsBox Shadows
ChangelogNotesAPI
© Copyright 2018-2020hello@components.ai@components_aiTermsPrivacy© Copyright 2018-2020