Richard Bruskowski
Sho KuwamotoIn terms of big wishes, what do you wish that #figma could do?
Brian Sweeting@skuwamoto components with slots where non-instance content can be inserted. I find myself wanting this often for things like modal dialogs, popovers, table cells, page headers, page templates, etc.
@skuwamoto design tokens for things beyond color: sizes, spacing, rounded corners. For color styles, it would be great to pin colors that get used most often.
Leanda@skuwamoto Import eps files.
@leanda what would you use eps for? Icons? Illustrations?
@skuwamoto It’s a workflow thing. Always supplied with eps company logos or illustrations and I have to open them in Sketch or Affinity and export as SVG before I can use them. A recent project had me dealing with 100+ eps files.
Scott Benish@leanda @skuwamoto Not sure how reliably it works with all EPS files, but there is this plugin: https://www.figma.com/community/plugin/1110823324890582795
(But yeah, it’d be nice if this was native so you could use the same method for all file imports)
(But yeah, it’d be nice if this was native so you could use the same method for all file imports)
Illustrator + SVG Import | Figma Community
Figma Community plugin - Import your Illustrator and SVG files into Figma. This plugin fixes most import issues, including: Copy paste from Illustrator to FigmaSVGs using <clipMask>SVGs using HSL/HSLaSVGs with malformed width/heightSVGs with groups and blend modesSVGs with symbol/use
J@skuwamoto conditional logic and variables in prototyping would make my life a lot easier
@skuwamoto type styles that can be overridden with bold, underline, italics without detaching from styles or needing styles defined for each of those cases.
@briansweeting yeah this is a big one…
@skuwamoto Auto grid. Auto layout is great for stacks in one direction, but sometimes things need to wrap.
@briansweeting when implementing in css, do you use wrap or grid?
@skuwamoto Honestly, Flexbox & CSS Grid syntax is a mystery to me. I would just like to have a group of items that I can set a min/max width/height on the items so they can wrap and set the gaps between them. Min/max width/height and % values for height width would be very powerful for things in an auto layout/grid group.
Martin David@skuwamoto a shape builder tool similar to Illustrator. 🙏
DesignDamon@skuwamoto This is going to sound like snark, but I swear it's not : Tools which encourage genuinely different ways of approaching interface design. I have no idea what exactly that would *look like*, but I know that something(s) which encouraged people to break out of the genericism of so much UI design would be super-interesting.
@damon cool! I’m not sure what that would look like but it’s interesting to think about. Lmk if you get any ideas!
72mena@damon @skuwamoto This sounds more like a paradigm shift, rather than a change in tooling. Or something that depends on what you’re designing for.
For example: Game design does “break out of the genericism“ in UI. But most websites/apps outside of gaming follow established patterns that are familiar and accessible for users, which contributes to things feeling generic. Not a bad thing though!
For example: Game design does “break out of the genericism“ in UI. But most websites/apps outside of gaming follow established patterns that are familiar and accessible for users, which contributes to things feeling generic. Not a bad thing though!
@skuwamoto @72mena Both good points (especially regarding the weird disparity between game interfaces & web). It's inevitable that as disciplines mature, Standard Ways of Doing Things and tropes set in. As you say - not all of that is necessarily a bad thing! (spoken as someone who does a fair bit of work involving inclusive design).
I don't miss experimental flash sites when I'm trying to DO something, but I do miss that sense of trying drastically different ways of approaching interaction.
@skuwamoto One more. Make it easy to prototype this interaction.
RadleyWe could use some top-level design system documentation & presentation. Figma isn’t bound to system files & folders. Why limit the Team/Project view to a sidebar and thumbnails?
We’re hacking project names, file names, page names, thumbnails, and such to convey system info. Figma could formalize some of it.
Also, it may be time to reexamine the Inspect tab. The various dev teams I’ve worked with never use that view. They refer directly to the layouts and custom documentation.
Dan V Peterson@skuwamoto design token support for typography, colors, spacing, border radius, etc.
Min and max-width for auto layout and wrapping objects when they won’t fit.
Jason Lang@danvpeterson @skuwamoto Second this so hard. We are working on some some templates for a part of the business that does partner integration. We really need support for this. And min/max width. 😅
Brad Ellis@skuwamoto Export as HTML
@bradellis can you help me understand how you would use this? Would this be for marketing oriented landing pages? Something else?
@skuwamoto 2 main ideas:
1 - With all these great layout tools, it would be nice to be able to share a "prototype" with someone that is a resizable website.
2 - While sites like Webflow are great, it would be such a coup to be able to build a simple web portfolio in Figma.
1 - With all these great layout tools, it would be nice to be able to share a "prototype" with someone that is a resizable website.
2 - While sites like Webflow are great, it would be such a coup to be able to build a simple web portfolio in Figma.
Ewoud Surmont@skuwamoto this might be far fetched but a true sync between code and design would be awesome. To me this should feel like designing with the coded components from our Storybook and vice versa.
Brad Siefert@ewoud @skuwamoto +1 to this. If Figma could create and sync web components it would change software development forever.
Marke@skuwamoto Print. But realistically: grid-like Auto Layout, or fr units and min/max sizes, components that can have dynamic content inside (example: modal with very different contents, but the surroundings stay same), more advanced prototyping (closer to what proto pie does), tokens, cross-app ⌘K, gradients that use color styles, text style open-type feature overrides
Donnie D'Amato@skuwamoto Behave like the web.
@donnie can you say more about what you’re looking for?
@skuwamoto Oh I could talk for hours about this but here's a start. Let's get browser units in the tool. https://blog.damato.design/posts/62-5/
Shell 🍋 UX Dev/ Resume Writer@skuwamoto take a hand drawn rough sketch/ static image and generate a wireframe based on it
Jonathan@skuwamoto A privately hosted server for high security clients/projects.
Patrick@meaningfultype You can use @penpot for that.
@patrickloonstra @penpot Thanks for the recommendation, but I can’t find a way to setup PenPot on a private instance for more than a few people sharing a wifi network. Does not seem ready to scale past the hobbiest at this point in time. Would love to see an example of a real enterprise level private server.
Penpot 
@meaningfultype @patrickloonstra Hey! did you try this?
@meaningfultype @penpot Start with the hosted version then.
@meaningfultype @penpot Have not used it for production I must say. But the fiddling around in it feels very solid for now.
Václav Vančura@skuwamoto P3. Pleeeeeasssse! :)
@skuwamoto (I know it’s tricky due to web tech, but if I remember well, there is some movement in the webkit core)
Richard Earney@skuwamoto there are many but one that I keep coming across is cascading Auto Layout Fill Content through all the sub layers and elements.
A sort of ‘Apply to all layers below’ checkbox
A sort of ‘Apply to all layers below’ checkbox
Mike OzorninMy top
* Design tokens integration (like token studio, but native)
* Preserve overrides in complex nested components
* Components with slots for non-component content
* Row wrap and min/max-width/height in autolayout
* Grid and autolayout works together (e.g. 1:3 colums grid with autoheight)
* Selection colors but for components (Selection components), for fonts (Selection fonts) and properties (Selection properties — set several different intances all to "disabled")
@skuwamoto Also.
Epic:
Visual diffs or visual changes to help developers check whats’s new/changed.
Small, but annoying:
My teams list available via REST API.
Stammy@skuwamoto More tools for documenting designs, interactions, states, motion, edge cases, etc.
Pixelwise
Kevin Lanceplaine@skuwamoto design tokens for everything (color, border radius, padding, shadow…) with token that can inherit on other with math operations (e.g. a shadow that depends on the primary color)
Kory Garner@skuwamoto @rogie Be fully native with Apple Pencil support on my iPad Pro
James morgan@skuwamoto buy protopie and make it $5/m like figjam
Yilei Yang 🥭@skuwamoto help non-designer to design, by adding ChatGPT/other-ai-buzz-word like assistants
Alex@skuwamoto even more advanced prototyping capabilities. I’d want Figma to be my ultimate go-to prototyping tool.
Also, not sure how this would be possible but imagine sending a client a link to download the prototype in its full browser-less glory! Maybe a client version of Figma iOS? Purely for presentations?
Steve@skuwamoto being able to store states in a prototype. For example, I have a shopping basket and I add something to it. I want to show an updated price and that item has been added to the basket. This isn’t too difficult now, but when you start doing that for multiple items you multiply the amount of pages and component instances you need to maintain.
@skuwamoto Generate marketing pages like Framer does
@skuwamoto On-scroll events for prototyping
Geof@skuwamoto placeholder data and content separate from components 🙏
Tim Dawson 
@skuwamoto allow an interaction on a child overlay change the state of the parent overlay in prototype mode
@skuwamoto It has already been mentioned a few times here, but just to second that: Having support for design tokens, ideally with inheritance, composition, mathematical calculations, color transformations and theming in a design tool would be a huge win.
Other ones:
- Being able to use relative units and/or percentages for spacing and widths/heights within Auto Layout.
- Responsive font sizes and spacings. Not sure how, but you said big wishes!
- Automation: Apple Shortcuts for the Plugin API