Code Monkey home page Code Monkey logo

sketch-material's Introduction

Sketch Material

Sketch material is a sketch plugin that will help you generate complex material components like tables, chips, forms etc…

Requirement

  • Sketch 52.2 or above
  • Mac OS 10.13.6 or above

Watch in action

Installation

or

Download latest here

Install with Sketch Runner

With Sketch Runner, just go to the install command and search for sketch-material. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Changelog

Check the changelog here

License

MIT

sketch-material's People

Contributors

dependabot[bot] avatar sacerro avatar websiddu 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 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  avatar  avatar

sketch-material's Issues

No response when switch network

Error occurs when I switch from an invalid network to a valid one. My sketch-material/icon window has no response and I have to quit my sketch.

Thank you!

Sorry this isn't a bug or feature request, but I just want to say that this plugin is the greatest thing ever - thank you!

Icons, colors and typography not working

When opening the window to pick an icon, color or typography, nothing shows up. The window is empty as in screenshot. Tested on 3 different machines (on the same network)

screen shot 2017-12-14 at 17 17 33

Anyone else can try this?

Demo Request

This isn't about a bug. It would be great, however, if you could slow down the You Tube video demo so that I could see what's happening. Thanks for a great tool.

LOVE it (and 1 request)

I love this. Wish I'd seen it a couple of months ago! Thank you thank you thank you.

It would be amazing to allow me to set a global accent color that gets applied to all the appropriate components (FAB, radio buttons, etc)

But really...so great

closing styles immediately

would be great to have a checkbox or setting somewhere that allowed me to open the typographic styles quickly, chose a style, and have the dialog close immediately after applying the selected style.

Bugs

Creating any button caused my sketch to crash.
Also, I couldn't click any of the fields under forms. Clicking that area just changed the form type.

Great concept and great work! Thanks so much (:

This plugin is too cool

Hey,

Just wanted to say thanks for this piece of awesomeness!
I got a hard-on watching your demo video :D
Keep up the good work!

Suggestion

Why not in the future give the chance to generate a custom design system within the plugin (or a new plugin), i mean, generate the custom "atoms" then save those in the plugin to be called later...that would be awesome :)

Change Default Font

This would be great, since the use of corporate typefaces is used on websites and web apps: Preferences > Change Default Font

If it's a simple setting in the code, I'd be happy to fork it and set this up. Thanks! This plugin is the most useful in my arsenal. Keep it up!!!

-rob

Plugin not available via 3rd Party Installers.

I can't seem to find your plugin in either Sketchpacks or Sketch Runner. It simply does not appear in the list. I'm using the latest version for all 3 applications.

I've installed the plugin manually for now.

in Forum couldn't find text empty field state

Awesome plugin thank you, I wish I would've found it sooner, I manually created complex symbol library for all this, anyway for text fields There is one format for filled status and one for error status but none for an empty field. could you please look into it?

Also while you are adding empty state symbol a small suggestion, duplicate forum filed and symbol remove the 'input value' move the 'label' to the same position (Y=31) that way label stays same when interchanging status.

Customization

This is more a question than an issue,
but what would be the best way to customize this plugin? I'm thinking of colors, type etc.
For example, I'm working on a Material project with a specific color palette, is there a way to modify the plugin to use the colours in my project?

Live Data for Tables

would be amazing to be able to drop or import all or part of a .csv or .xls file into the table and have the live data populate the fields before creation.

Suggestions

Hi there,

First of all what a freaking cool plug-in. Thanks a lot. Here are some future feature requests

Bottom navigation
Option to select amount of tabs, show/hide text, choose selected tab

Tool bar

  • With subtitle
  • With avatar
  • Transparent
  • Select/show icons

screen shot 2017-08-16 at 12 12 09

Will really saves me time. Thanks in advance.

Annut

Typo in Typography

Typography is spelled as typograhy in the menu.
screen shot 2017-07-18 at 4 46 05 pm

Tiny issue, but I thought I'd point it out. Love the plugin!

Request! Dropdowns & Menus

Hey guys, just starting to dig into your new Material plugin. Thanks for this!

I'm wondering if it's possible for you to add the ability to create dropdown components? The button and the menu list.

Thanks again!
Mark Iris

Empty dialogs

I'm very excited to se this plugin. The demos look awesome.

When I install it whenever I open any feature I get an empty dialog box that won't close. I have to force quit Sketch to start working again.

Any clue what' happening?

Is it maybe a firewall issue?

Can't write text in the forms right panel

After bringing the "Forms" I wasn't able to write anything in the right panel to change labels, placeholder text, or anything at all.
I am using Sketch 45 with your plug-in latest version

Can't edit the form elements in the generator

Was playing around with the plugin (looks amazing by the way) and tried to generate some forms, but the inputs don't seem to take my keystrokes.

I tried it with the Dialog generator and it worked fine, but for some reason I can't edit the input options.

Any thoughts?

Here's a gif of the bug:

Here's a gif of the bug

The entire time I'm playing with the form fields in this gif I'm pressing my keyboard to see if there are any inputs registered (it keeps playing the Mac OS 'invalid input' sound). It registers the d keystroke when I click the checkbox, and when I create a new text field, but stops straight away afterwards.

Let me know if you need any more info,
Cheers, Mack

Suggestion: Generate Menus

I think the ability to generate menus (like overflow menus) would be super helpful.

Possible config options:

  • number of rows in menu
  • content in each row
  • row selected state (either tinted text or a left/right aligned checkmark)
  • toggle-able row dividers
  • disabled text

Great job on the plugin dude. Can't wait to see where this goes!

More features ( Web and iOS )

Hey, There. the plugin is really cool, make me faster to create some elements, I was hoping, if you could create another template for Web component or iOS component, it will great and so much helpful for designers out there. 👍

Cheers!
Dei

Amazing!

This plugin is amazing!
I would love to be able to add my own typography and colors to the components, like to have some settings where to change them... but anyway It is incredible! thanks!
Oh and also you could include lists and menus! 💯

pura vida,
y.

Amazed about the Sketch Material Plugin

This is awesome!
Just one question before I share this one with my team.
Because of some strange requirement for the brand we work, we're still using Sketch 42, which isn't the latest version.

Installation worked fine.
I made a couple of attempts with the plug in but nothing happened. Assets weren't generated.
I just want to confirm... Is this plugin only working for the latest sketch version?

Thanks again for this great tool.

Elevation and chips not working

Loved the plugin!!!

Though adding elevation to a rectangle had no effect whatsoever. And on chips, clicking on generate just goes back to sketch without generating the chips.

leveraging sketch material

First I have to say thank you for sharing this plugin with the sketch community. It is incredible how robust it is.

Second, I'm working on building a new UI system for my company's digital properties and a plugin like sketch material seems like a great solution for managing/sharing the system. I want to share this idea with my team, but it would have a bigger impact if I was able to use company UI instead of material designs UI. For a prototype purposes is there a way to change the sketch files the plugin references? I'm not a developer so I'm having a hard time figuring out the chain of references, specifically I'm not sure how the forms sketch file is referenced on this page - https://sketch-material.firebaseapp.com/forms. Thanks again for the plugin!

Place Holder value not being overwritten

First off, fantastic plug in. THANK YOU!

Secondly, I've noticed with the latest Sketch 47.1 update, under "Forms", the "Place Holder" value is not being replaced with whatever is inputed.

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.