Git Product home page Git Product logo

figma-walker's Introduction

Figma Walker

Figma Walker is a new launcher for Figma.

It searches Frames and Components from your current page, and jumps in when selected.

You can walk through your project without lifting your keyboard.

MIT License

hero

Usage (Keybinding)

Jumps

Description Shortcut
Select Down Arrow Down Key / Ctrl + n
Select Up Arrow Up Key / Ctrl + p
Jump to selected Frame or Component Enter / Mouse Click

jump

Insert Component

Prefix the search field with "i ".

jump

Installation

https://www.figma.com/c/plugin/732773762837487095/Figma-Walker

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Development

yarn watch

Licence

MIT

figma-walker's People

Contributors

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

Watchers

 avatar  avatar  avatar  avatar

figma-walker's Issues

Preview components in search

Similar to how sketch runner does it, it would be nice to be able to see a preview of the component before inserting it

Screen Shot 2020-01-24 at 10 28 55 AM

Is this repo dead?

Is this repo dead? I'd love more feature parity with Sketch Runner Pro. I'd even pay for it, like I've don't with Runner Pro. My main missing features is being able to insert team library components, and a better component insert implementation.

Filtering options

Can you add the ability to filter the results per page or for frames, on a parent/artboard level?

Walker - Runner

I can't help but to want a more robust way to search through my assets. When using Walker, the search does not tell me where the component came from, such as the library or the folder within the library. When designing for different things, I need to be sure I am selecting the correct components. Is there a way to implement this?

when you insert a component can it put in above the current selection?

Current behavior: User inserts component via Walker. The new component is added to the top of the layers list regardless of any layer selection.

Expected behavior: The added component should be inserted directly above the selected layer. If there are no selected layers/frames then insert it at the top of the layers list.

Amazing plugin! Thank you!

Focus Input?

I'm not sure if this is a limitation of the Figma API, but it would be great if the input could receive keyboard focus when loading so that the user could start typing instead of needing to click on the field first.

Shortcut to open plugin?

Hello,

Can't find the shortcut to open the plugin ^^
I have to do "right clic > plugins > walke" each time to open?

Thank you for your work!
Cheers

Search for description | Settings to find main and/or instance component

I'm really fond of Walker. It really would be great if it is possible to find components by the tags added into the description field. That way we could find variations of a main component easier.

Also, if Walker could get a settings page, where we can say: find main, instance, description or whatever.

What do you say?

Inserting components from other pages and libraries

It appears that currently Walker is limited to the contents of page it was launched from, that severely limits its usefulness in real-world usage. Is it a limitation of Figma's API or something that could be improved upon?

Shortcuts

  1. Would be really nice to close the window with the shortcut (Escape is the most conventional one)
  2. Shortcut for opening Walker would be also nice, but that can be set up using OS tools
  3. Select All (⌘+A) for some reason doesn't work in Walker's input

Find master components that are inside frames

Currently, when trying to insert a component (using the "i " command prefix) it seems that Figma Walker only finds components that are at the "root" level of each page. I have many components that are organized into frames by category (Icons, Cards, etc.), and Walker does not list those as options to insert.

I really want to use Walker but this issue is a blocker for me. Organizing master components by putting them inside frames seems like a common practice, and it's recommended by the Figma Help docs here: https://help.figma.com/hc/en-us/articles/360038663994-Name-and-Organize-Components#Organize_our_Components – so it's a huge bummer that Walker is currently not compatible with this approach. Thank you for any attention you can give to this!

Feature request: parse pasted URLs

It would be cool if I could paste a URL from the board into Figma Walker and for it to find/send me to that part of the board. Is this possible?

The reason I ask this, is because Figma provides deep links to frames in its URLs and designers often link to each within tickets and other things, but Figma can take a long time to load for a big project, so I have been trying to just have one tab open for Figma and to jump around within that tab without opening new ones (but you can’t do this if you only have links).

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.