Thomas Lowry

Designer Advocate at Figma Joined over 1 year ago

  • 1 story
  • Posted to What rucksack / bag do you use?, Oct 16, 2018

    Incase City Compact

    is doing the trick for me. 15" padded laptop sleeve and room for notebooks, chargers/adaptors. Small silky smooth lined pocket at the top. Minimal looks. In a pinch I've even travelled with 2 x 15" laptops + 2 chargers + headphones + notebook + adaptors + mouse, and it still maintains a nice compact form.

    0 points
  • Posted to I Miss Dann Petty, in reply to M. Appelman , Sep 20, 2018

    Steve Schoger is super legit. Going to see a talk from him in Waterloo (local to me) tomorrow and can't wait for it!

    1 point
  • Posted to Pain points for designers in 2018?, in reply to Michael Ragland , Jul 13, 2018

    Np! Hope its helpful!

    2 points
  • Posted to Pain points for designers in 2018?, in reply to Michael Ragland , Jul 13, 2018

    Check out the data table I created with nested components in Figma as part of this Material design resource:

    (the data grids are on the far right arboard).

    Usually what I like to do is assemble a basic table using nested components. I try to keep it as modular as possible. For most standard tables, I find its useful to have the columns as components, and the rows as a repeating separate component. If you make the columns as part of your row, its harder to customize since you need to detach and break the component to modify the contents. You can sort of make your own repeat grids.

    Take a component (one row for example). Then make a new component with that row duplicated 20-30x. Then turn that grid into a component. Set the constraints to those nested rows to be Left and Right + Top. There is a feature in Figma called “clip content”. If you enable this, you can resize the component, and it will crop the repeat grid. So when you want more, you just drag it down to expand the size and reveal more rows.

    Once I have all the setup, I package them up all assembled in a component to create a sample table. When I need a table, I drop in the sample table from our shared library, break it apart, and configure all the nested components how I want them.

    Posted a bit about it here:

    2 points
  • Posted to Finding myself again in Woodworking after decades in front of a computer screen., Jun 25, 2018

    Thanks for sharing this. Woodworking has become a huge outlet for me to get away from the computer and disconnect. The process of turning raw materials into physical object is very therapeutic and rewarding. Hit me up if you ever want someone to chat about woodworking, tools, etc. Subscribed to your channel!

    3 points
  • Posted to Figma launches 3.0 with Styles, upgraded Prototyping, and a new Organization tier, in reply to Andrew Richardson , Jun 21, 2018

    That was exactly my reaction as well. Super excited to play around with those features!

    3 points
  • Posted to Atomic by Baron Fig, in reply to Todd Cantley , May 30, 2018

    Kind of a fail if this is your first time landing on a Baron fig page to not even show a photo of the interior pages. Thats sort of an important thing for someone buying boutique stationery.

    3 points
  • Posted to Spirit is out now for Mac, in reply to Jrtorrents Dorman , May 16, 2018

    I was on the beta, so hopefully can shed a bit of light.

    You have elements on your page which could include SVG code, that you want to animate. You launch the app, and turn on the browser plugin. Spirit requires a JS library, so if you don't have that included on the page, it can insert it into the DOM for you.

    Through the app, you can create a new animation by creating a group. A group is a collection of elements on the page. Spirit includes a method to select elements from your page by clicking on them. Once added, you can create timeline animations for each of the elements with easing, key framing etc through the Spirit GUI.

    In the end you can export the JS (JSON) for your animation and add the animation to your page.

    So essentially it is an animation experience that involves animating directly in the browser on your page.

    There is an API so you can programatically control when animations start/stop etc.

    2 points
  • Posted to Airbnb Cereal typeface, in reply to Tait Brown , May 16, 2018

    It has to be a factor. We got an unlimited license since we needed to cover over 12,000 employees, for 3 font weights, and it was around 50k USD (same type foundry that airbnb worked with).

    1 point
  • Posted to Concept: Nested Prototypes in Sketch, May 04, 2018

    This is essentially how Atomic works. Pages within a component/symbol to control component states. This could be cool but probably needs to be combined with JS or some sort of logic expressions to be truly useful.

    0 points
Load more comments